IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <td>. Описание тега <td>, атрибуты тега <td>, синтаксис тега <td>, пример использования тега <td>. Тег <td> относится к группе тегов HTML таблицы.

Не забываем подписываться на RSS-ленту, twitter и на публичную страницу Вконтакте.

HTML тег <td>. Описание <td>.

HTML тег <td> относится к тегам предназначенным для формирования HTML таблиц. Тег <td> предназначен для создания ячейки HTML таблицы, тег <td> должен обязательно располагаться внутри тега <tr>, которые может располагаться только внутри тега <table>.

Тег <td>. Синтаксис тега <td>

Тег <td> – это HTML тег, у которого закрывающий тег ставится опционально, то есть, закрывающий тег можно не ставить, но правила хорошего тона гласят о том, что закрывающий тег нужно писать обязательно.

[php]

&amp;amp;lt;table&amp;amp;gt;

&amp;amp;lt;tr&amp;amp;gt;

&amp;amp;lt;td&amp;amp;gt;&amp;amp;lt;/td&amp;amp;gt;

&amp;amp;lt;/tr&amp;amp;gt;

&amp;amp;lt;/table&amp;amp;gt;

[/php]

Тег <td>. Атрибуты тега <td>

Тег <td> из группы HTML таблиц, имеет атрибуты событий и универсальные HTML атрибуты. Тег <td> имеет несколько уникальных HTML атрибутов:

• align – атрибут align устанавливает выравнивание содержимого одной ячейки по горизонтали
• abbr – атрибут abbr является контейнером для краткого описания содержимого ячейки
• axis – атрибут axis объединяет ячейки, которые связаны между собой по смыслу
• background – при помощи атрибута background можно задать фоновый рисунок для одной ячейки внутри строки HTML таблицы
• bgcolor – атрибут bgcolor служит для задания цвета фона одной ячейки таблицы
• border – атрибут border определяет толщину рамки таблицы в пикселах
• bordercolor – атрибут bordercolor позволяет изменить цвет рамки одной ячейки
• char – атрибут char устанавливает выравнивание одной ячейки внутри строки по указанному в значение символу
• charoff – атрибут charoff устанавливает насколько символов нужно смещать содержимое в ячейки относительно символа указанного в значение
• colspan – атрибут colspan объединяет горизонтальные ячейки в строку
• height – атрибут height задает высоту одной ячейки
• headers – атрибут headers специальный HTML атрибут для людей с ограниченными возможностями, он позволяет установить логическую связь между ячейкой и строкой, в которой находится эта ячейка
• nowrap – атрибут nowrap указывает браузеру на то, что строки внутри ячейки переносить нельзя
• width – атрибут width позволяет изменять ширину всей HTML таблицы
• rowspan – атрибут rowspan объединяет несколько ячеек по вертикали в одну
• scope – атрибут scope аналогичен по своему действию атрибуту headers
• valign – атрибут valign устанавливает выравнивание содержимого одной ячейки строки  по вертикали

Теги для создания таблицы HTML

В языке HTML имеется целая группа тегов предназначенных для формирования HTML таблиц.

Теги формирующие таблицы HTML:

Тег <td>. Пример использования тега <td>

[php]

&amp;amp;lt;!DOCTYPE HTML PUBLIC &amp;amp;quot;-//W3C//DTD HTML 4.01 Transitional//EN&amp;amp;quot; &amp;amp;quot;http://www.w3.org/TR/html4/loose.dtd&amp;amp;quot;&amp;amp;gt;
&amp;amp;lt;html&amp;amp;gt;
&amp;amp;lt;head&amp;amp;gt;
&amp;amp;lt;meta http-equiv=&amp;amp;quot;Content-Type&amp;amp;quot; content=&amp;amp;quot;text/html; charset=utf-8&amp;amp;quot;&amp;amp;gt;
&amp;amp;lt;title&amp;amp;gt;Создание CSS меню&amp;amp;lt;/title&amp;amp;gt;
&amp;amp;lt;link rel=&amp;amp;quot;stylesheet&amp;amp;quot; href=&amp;amp;quot;style.css&amp;amp;quot; type=&amp;amp;quot;text/css&amp;amp;quot; &amp;amp;gt;
&amp;amp;lt;/head&amp;amp;gt;
&amp;amp;lt;body&amp;amp;gt;
&amp;amp;lt;table&amp;amp;gt;
&amp;amp;lt;caption&amp;amp;gt;Заголовок HTML таблицы&amp;amp;lt;/caption&amp;amp;gt;
&amp;amp;lt;tr&amp;amp;gt;
&amp;amp;lt;th&amp;amp;gt;Первая ячейка&amp;amp;lt;/th&amp;amp;gt;
&amp;amp;lt;th&amp;amp;gt;Вторая ячейка&amp;amp;lt;/th&amp;amp;gt;
&amp;amp;lt;th&amp;amp;gt;Третья ячейка&amp;amp;lt;/th&amp;amp;gt;
&amp;amp;lt;/tr&amp;amp;gt;
&amp;amp;lt;tr&amp;amp;gt;
&amp;amp;lt;th&amp;amp;gt;Четвертая ячейка&amp;amp;lt;/th&amp;amp;gt;
&amp;amp;lt;th&amp;amp;gt;Пятая ячейка&amp;amp;lt;/th&amp;amp;gt;
&amp;amp;lt;th&amp;amp;gt;Шестая ячейка&amp;amp;lt;/th&amp;amp;gt;
&amp;amp;lt;/tr&amp;amp;gt;
&amp;amp;lt;/table&amp;amp;gt;
&amp;amp;lt;/body&amp;amp;gt;

&amp;amp;lt;/html&amp;amp;gt;

[/php]

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru