Таблица на сайт консультанта Орифлэйм.

Сложные таблицы.

Продолжаем разговор о создании таблиц.
Статья 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).>
Если что-то непонятно, можно вернуться к описанию простой таблицы.

Поделиться в соц. сетях

Опубликовать в Мой Мир
Опубликовать в Одноклассники
Запись опубликована в рубрике HTML - азбука с метками , . Добавьте в закладки постоянную ссылку.

Добавить комментарий