Создание таблиц.

Простейшая таблица.

Уважаемый читатель.
Продолжаем разговор о создании таблиц.

Начало — Статья 1.
При отображении таблиц их ширина и высота автоматически вычисляются браузером, но можно и принудительно указать эти размеры. Параметры «width» — ширина таблицы и «heigth» — высота таблицы могут задаваться как для всей таблицы, так и для ячеек.
Параметр «align» определяет расположение таблицы в области просмотра. Например: «table align=center width=50%». Поиграйте с фразами width, heigth, left, center, right и цифрами при них, и будет понятно, как это работает. Присутствие параметра align в тeге table не только определяет расположение таблицы, но и позволяет обтекание текстом с противоположной стороны. Обтекание с двух сторон не предусмотрено.
Форма записи cellspacing=2 определяет расстояние между ячейками, а в форме
cellpadding=2 цифра определяет размер свободного пространства между рамкой
ячейки и данными внутри ячейки.
Чтобы лучше понять смысл, поиграйте с цифрами в выражении:
«table border=3 cellspacing=2 cellpadding=2»
Tеги («>») я заменил на кавычки и, поэтому, вместо этих тегов ставлю кавычки.
В «Блокноте» между тегами «body» и «/ body»
прописываем:
«table align=center width=»50%» border=»3″ cellspacing=»2″ cellpadding=»2″»
«tr»
«td» 1.1″/td»»td»1.2″/td»»td»1.3″td» «/tr» «tr»
«td»2.1″/td»»td»2.2″/td»»td»2.3″/td» «/tr» «tr»
«td»3.1″/td»»td»3.2″/td»»td»»3.3″/td»
«/tr»
«caption align=left valign=top» Как прописывать размеры таблицы?»/caption» «/table»
Параметр align не может повторяться, поэтому вторая фраза — valign=top. Здесь top означает, что выражение «Как прописывать размеры таблицы?» будет расположено над таблицей, а во фразе «caption align=left valign=bottom» Как прописывать размеры таблицы? «/caption» заголовок будет расположен внизу, с выравниванием влево.
Cмотрим, что получилось:
Как прописывать размеры таблицы?

1.1 1.2 1.3
2.1 2.2 2.3
3.1 3.2 3.3

Форматирование текста в ячейках аналогично форматированию текстов внутри тэгов «body». Здесь допустимы тэги гиперссылок «a href», «a» и тэги форматирования «br», «h1-h6», «b», «i», «bgcolor», «strong», «big», «font size», «font color», «img»; параметры выравнивания «align» (left, center, right).
Как прописывать размеры таблицы?

1.1 1.2 1.3
2.1 2.2 2.3
3.1 3.2 3.3

Здесь убрал параметр «border» и таблица получилась без рамок. Этот вариант возможен, когда требуется список по столбцам.
Далее мы рассмотрим статью, о том как создавать более сложные таблицы.

PS.
Либо я чего-то не «догоняю», либо Вордпресс, но таблица в блоге не реагирует на теги. Открывайте Блокнот, там всё получится.

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

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

Один комментарий: Создание таблиц.

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