Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Урок 4 - Презентация

.pdf
Скачиваний:
13
Добавлен:
11.03.2016
Размер:
110.85 Кб
Скачать

Урок 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