Презентація "Розмічання таблиць засобами HTML"
Розмічання таблиць засобами HTMLІнформатика , 8 клас. Урок 33
Теги розмітки таблиціОсновні теги розмітки таблиці:{5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}Тег. Призначення
Теги розмітки таблиціРозглянемо, як розмічати таблицю відповідними тегами
Теги розмітки таблиціМакет вебсторінки можна утворити за допомогою HTML-таблиці, об’єднуючи певні клітинки і визначаючи розміщення певних об’єктів. Але зараз для вебсторінок застосовують: CSS (від англ. Cascading Style Sheets) — каскадні таблиці стилів, які розміщують у HTML-файлі або в окремому файлі.теги структурування документа і
Атрибути тегів розмітки таблиціАтрибути в тегах розмітки таблиці впливають на вигляд таблиці, клітинок і написів у них:{5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}Атрибут. Призначенняalign. Вирівнювання таблиці у вікні браузераbackground. Фоновий малюнокbgcolor. Колір тлаborder. Товщина рамки в пікселяхbordercolor. Колір рамкиcellspacing. Відстань між клітинками таблиціcellpadding. Відстань між текстом клітинки та її межеюrules. Відображення рамок таблиціtitle. Спливна підказка
Атрибути тегів розмітки таблиціОскільки ширина клітинок одного стовпця не може бути різною в різних рядках, то її достатньо вказати лише для одного рядка.ширина таблиці дорівнює ширині робочого поля вікна браузераширина клітинки дорівнює половині ширини таблиці
) можуть включати атрибути для змінення вирівнювання тексту відносно меж клітинки. Атрибут align дозволяє задавати горизонтальне вирівнювання: Атрибут valign дозволяє задавати вертикальне вирівнювання:
Номер слайду 9
Форматування вмісту клітинок. Варіанти вирівнювання тексту в клітинках 
Номер слайду 10
Форматування вмісту клітинок. При розмічанні таблиці виникає потреба об’єднати кілька клітинок. Для цього використовують атрибути:colspan (злиття клітинок у рядку)rowspan (злиття клітинок у стовпці) 
Номер слайду 11
Питання для самоперевірки1. Як додати таблицю на вебсторінку сайту?2. Як вирівняти текст у клітинці таблиці по горизонталі?3. Як вирівняти текст у клітинці таблиці по вертикалі?4. Як установити товщину меж таблиці?5. Як установити відступ від тексту в клітинці до її меж?6. Як об’єднати клітинки одного рядка або стовпця таблиці? 
Номер слайду 12
Пограємо в груhttps://quizizz.com/join 
Номер слайду 13
Домашнє завдання§23 с.146 - 149 
Номер слайду 14
Правила ТБ 
Номер слайду 15
Працюємо за комп’ютером. Впр. 23сторінка 149 
Номер слайду 16
Дякую за увагу! Середня оцінка розробки
Оцінки та відгуки
pptx
Оцінка розробки
Безкоштовний сертифікат
про публікацію авторської розробки Щоб отримати, додайте розробку
Додати розробку |