Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и 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;lt;table&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&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;lt;!DOCTYPE HTML PUBLIC &amp;quot;-//W3C//DTD HTML 4.01 Transitional//EN&amp;quot; &amp;quot;http://www.w3.org/TR/html4/loose.dtd&amp;quot;&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot;&amp;gt;
&amp;lt;title&amp;gt;Создание CSS меню&amp;lt;/title&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;style.css&amp;quot; type=&amp;quot;text/css&amp;quot; &amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;table&amp;gt;
&amp;lt;caption&amp;gt;Заголовок HTML таблицы&amp;lt;/caption&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;th&amp;gt;Первая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Вторая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Третья ячейка&amp;lt;/th&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;th&amp;gt;Четвертая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Пятая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Шестая ячейка&amp;lt;/th&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
[/php]
Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

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