Урок 4 - Презентация
.pdfУрок 4
Таблицыв HTML
Содержаниеурока
•Для чего нужнытаблицы
•Созданиетаблиц
•Объединениеячеек
•Вложенныетаблицы
•Стилевоеоформлениетаблиц
Для чего нужны таблицы?
1.Для представлениятабличных данных
2.Для верстки страниц
Структуратаблицы
Таблица
Столбец1 |
Столбец2 |
Столбец3 |
Строки
Столбцы
Структуратаблицы в HTML
<table> <tr>
<td>Столбец 1</td> <td>Столбец 2</td> <td>Столбец 3</td>
</tr> </table>
<table> <tr>
<td>Столбец 1</td> <td>Столбец 2</td> <td>Столбец 3</td>
</tr> <tr>
<td>Столбец 1, строка2</td> <td>Столбец 2 , строка 2</td> <td>Столбец 3 , строка 2</td>
</tr> </table>
<table> – контейнертаблицы <tr> - строка
<td> – столбец (ячейка)
<th> – текстжирным шрифтом и выравниванием посерединеячейки
Название таблицы
<table>
<caption>Квартальный отчет</caption>
…
</table>
Объединениеячеек
Атрибутыдля объединения
rowspan– |
colspan– объединение по горизонтали Строка 1 |
объединение по |
(столбцов) |
вертикали |
|
(строк) |
Строка 2 |
|
Строка 3
Столбец 1 |
Столбец 2 |
Столбец 3 |