Сложные таблицы.
Продолжаем разговор о создании таблиц.
Статья 1.
Статья 2.
Если есть потребность в объединении ячеек по горизонтали и вертикали в одну, то реализуется это тегами «colspan»и «rowspan», задаваемых в тэгах «td»и «th».
Цифры после этих тегов означают на сколько столбцов можно расширить ячейки по горизонтали (например colspan=4) и сколько строк должна захватить ячейка по вертикали (например rowspan=4)
Напоминаю, я ставлю кавычки, чтобы теги прописывались как текст, Вы же ставите вместо кавычек («»).
Прописываем:
«table border=4 align=left width=40%
«tr» «td rowspan=4″Ячейка, захватывающая четыре строки.»/td»
«td colspan=2″Ячейка, захватывающая две столбца.»/td» «/tr»
«tr»
«td «1.1»/td»»td»1.2″/td»»/tr»
«tr»
«td»2.1″/td»»td»2.2″/td»
«/tr»
«tr»
«td» 3.1″/td»»td»3.2″/td»»/tr»
«br»»br»
«caption align=left valign=top color=»red»» Как прописывать сложные таблицы?»/caption»
«/table»
Cмотрим, что получилось:
Ячейка, захватывающая четыре строки. Тематическая рассылка. |
Ячейка, захватывающая два столбца. Релиз рассылки «Почему Орифлэйм» |
|
1.1 Блог 1. |
1.2 Блог 2 |
|
2.1 Видеоблог 1. |
2.2 Видеоблог 2. |
3.1 Сайт 1. |
3.2 Сайт 2. |
Форматирование текста в ячейках аналогично форматированию текстов внутри тегов «body».
Здесь допустимы теги гиперссылок — «a href», «a» и теги форматирования «br», «h1-h6», «b», «i», «bgcolor», «strong»,
«big», «font size», «font color», «img»; параметры выравнивания «align» (left, center, right).>
Если что-то непонятно, можно вернуться к описанию простой таблицы.