Створення таблиць засобами HTML
Створення таблиць засобами HTML
1. Що таке мова HTML?
2. Яка структура html-документа?
3. Що таке тег, атрибут тегу?
- Вивчення нового матеріалу
План:
1. Теги розмітки таблиць.
...
для виокремлення заголовків
|
Тег |
Призначення |
Тег |
Призначення |
|
|
... |
Обмежують таблицю |
|
... |
Обмежують клітинку таблиці |
|
|
||||
|
Обмежують рядок таблиці |
|
... |
Використовують замість тегу |
... |
|---|
2. Атрибути тегів розмітки таблиці.
|
Атрибут |
Призначення |
|
align |
Вирівнювання таблиці у вікні |
|
background |
Фоновий малюнок |
|
bgcolor |
Колір тла |
|
border |
Товщина рамки в пікселях |
|
bordercolor |
Колір рамки |
|
cellspacing |
Відстань між клітинками таблиц |
|
cellpadding |
Відстань між текстом клітинки та її межею |
|
rules |
Відображення рамок таблицi |
|
title |
Спливна підказка |
|
width |
Ширина таблиці (клітинки). Колір рамки у відсотках або пікселях |
|
height |
Висота таблиці (клітинки) у відсотках або пікселях |
3.Відступи.
Для налаштування відстаней між клітинками та між текстом і межами клітинок у тегу таблиці використовують атрибути відступів .
4. Форматування вмісту клітинок .
Теги рядків () і клітинок () можуть включати атрибути для зміни вирівнювання тексту відносно меж клітинки. Атрибут align дозволяє задавати горизонтальне вирівнювання тексту: align=??left?? — за лівим краєм, align=??center?? — по центру клітинки, align=??right?? — за правим краєм. Вирівнювання по вертикалі виконується за допомогою атрибута valign=??middle?? (top, bottom) — посередині клітинки (уверху, унизу).
5.Злиття клітинок .
Під час розмітки таблиці часто буває необхідно об’єднати кілька клітинок. Для цього використовують атрибути colspan (злиття клітинок у рядку) і rowspan (злиття клітинок у стовпці)
Розгадати ребуси!!!
