Таблицы в HTML
Объединение ячеек. Выравнивание элементов таблицы.
Несколько ячеек могут быть объединены в одну как по горизонтали, так и по вертикали. Объединение по столбцам применяют тогда, когда надо, чтобы соседние столбцы имели общий заголовок. Объединение по строкам делается в том случае, когда содержимое нескольких ячеек подряд одинаково. Для объединения ячеек используются тэги COLSPAN (по столбцам) и ROWSPAN (по строкам). Аргументами этих атрибутов являются количества объединяемых столбцов или строк (COLSPAN=3: объединяются 3 столбца).
Задание:
1. Создать таблицу, добавив необходимые теги.
<TABLE BORDER>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>
2. Добавить еще один столбец.
3. Заменить информацию в таблице, привести к виду:
4. Добавить заголовок, объединив ячейки по примеру:
<TR> <TH COLSPAN=4>Детские сказки</TH> </TR>
5. Названия сказок выровнять по центру:
<TR> <TD ALIGN=center>……
6. Добавить в тег TABLE следующие атрибуты:
<TABLE BORDER= 5 CELLPADDING=10 CELLSPACING=10>
7. Задать ширину таблицы относительно окна браузера:
<TABLE BORDER WIDTH="80%">………….</TABLE>8. Выровнять все графические файлы и саму таблицу по центру.
9. Убрать в теге TABLE атрибут BORDER.
