Таблицы. <table>,</table>парный тег таблицы с атрибутами width, heigth, bgcolor и др

<table>,</table>парный тег таблицы с атрибутами width, heigth, bgcolor и др. Внутри пары тегов таблицы после описания атрибутов таблицы и закрывающей скобки первого тега вводится пара тегов <tr>,</tr> со своими атрибутами. Внутри этой пары, открывающей ряд ячеек, вводятся теги ячеек <td>,</td>, также имеющие свои атрибуты. Собственно содержание ячеек вводится между этими<TD> тегами.

Некоторые атрибуты тега <table>:

width="ширина" в пикселях или процентах,
height="высота " в пикселях или процентах,
align="left | right" - выравнивание по левому | правому краю,
BORDER= "ширина"- ширина рамки в пикселях,
bgcolor="#код цвета | название цвета".

некоторые атрибуты тега <tr>:
align="left | right" - выравнивание по левому | правому краю
bgcolor="#код цвета | название цвета".

некоторые атрибуты тега <td>
width="ширина" в пикселях или процентах
height="высота " в пикселях или процентах
align="left | right" - выравнивание по левому | правому краю
bgcolor="#код цвета | название цвета".

Пример создания простой таблицы:

Исходный текст команд создания таблицы:

<TABLE border=3 width="80%" align="left" ><TR><TD>Фамилия дизайнера строки</TD><TD>Оценка работы</TD></TR><TR bgcolor="# ffffc0"> <TD>Иванов</TD><TD>4</TD></TR><TR><TD BGCOLOR="BLUE">Петров</TD><TD BGCOLOR="White">3</TD></TR><TR BGCOLOR="#c0ffff"><TD>Сидоров</TD><TD>4</TD></TR></TABLE>

Результат его выполнения:

Фамилия дизайнера строки Оценка работы
Иванов  
Петров  
Сидоров  

Если исходный текст вставить в документ.htm с помощью редактора Блокнот, то представление таблицы на WEB-страничке будет определяться только этими тегами. Если же этот же текст вставить в редакторе Word (меню Вид, опция Источник HTML), то он сам по умолчанию добавит много атрибутов, и получится приведенный вариант вывода таблицы.

Как видно из этого, создавать вручную целесообразно только самые простые таблицы. Для работы со сложными таблицами целесообразно использовать специализированные редакторы WEB-страниц, например FrontPage Express или Word. Следует отметить, что WEB-страницы, созданные с помощью специализированных программ, содержат много лишних операторов, которые затрудняют чтение и анализ HTML странички. Особенно грешат этим недостатком страницы созданные в Word и сохраненные как WEB документ (можете сохранить эту простую страничку как WEB-документ и ужаснуться при ее рассмотрении в HTML виде).


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: