15.02.2025

HTML теги таблицы: td, tr, table, для текста

HTML теги таблицы: td, tr, table, для оформления текста

Приветствую вас на «Планете Успеха»! У вас возникала необходимость вставки таблицы, на своем сайте (блоге) при публикации статей? Уверен, что да!

Но, вы не знали как сверстать таблицу, и оставляли эту затею, довольствуясь обычной версткой…

Предлагаю, незамедлительно, изучить html теги таблицы, и, когда при написании статей, вам необходимо будет вставить таблицу в текст, вы без каких либо проблем сделаете это. Ну что, приступим?

HTML теги таблицы: td, tr, table

td — тег ячейки таблицы. Например, при верстке этот тег будет выглядеть так:

<td>ячейка 1</td>

<td>ячейка 2</td>

<td>ячейка 3</td>

Теперь нам необходимо эти три ячейки оформить в строку.

tr — тег строки таблицы. Например, у нас будет в таблице три строки по три ячейки в каждой, смотрим, как будет в сверстанном виде:

<tr><td>ячейка 1</td>

<td>ячейка 2</td>

<td>ячейка 3</td></tr>

<tr><td>ячейка 4</td>

<td>ячейка 5</td>

<td>ячейка 6</td></tr>

<tr><td>ячейка 7</td>

<td>ячейка 8</td>

<td>ячейка 9</td></tr>

Далее, три наши строки, с тремя ячейками в каждой, оформляем уже в таблицу.

table — тег контейнера таблицы, состоящей из строк с ячейками в каждой. В нашем случае — три строки по три ячейки в каждой. Собираем таблицу, сверстав ее таким образом:

<table><tr><td>ячейка 1</td>

<td>ячейка 2</td>

<td>ячейка 3</td></tr>

<tr><td>ячейка 4</td>

<td>ячейка 5</td>

<td>ячейка 6</td></tr>

<tr><td>ячейка 7</td>

<td>ячейка 8</td>

<td>ячейка 9</td></tr></table>

Итак, сверстав статью для публикации на сайте вместе с таблицей, на блоге это будет смотреться так:

ячейка 1 ячейка 2 ячейка 3
ячейка 4 ячейка 5 ячейка 6
ячейка 7 ячейка 8 ячейка 9

Также, можете посмотреть пример таблицы, сверстанной таким же образом, на моем авторском блоге в публикации — «Как выбрать подушку для сна правильно. Жесткость, высота и наполнители подушек».

Изучайте html теги таблицы, и применяйте их при верстке своих статей на блоге, в которых необходимо вставлять таблицы. У вас все получится!

Успехов вам и до новых встреч!

Text.ru - 100.00%

10 комментариев для “HTML теги таблицы: td, tr, table, для текста

  1. Галина, спасибо за полезную информацию, теперь знаю как сделать таблицу

    1. Сергей, применяйте у себя на блоге html теги таблицы, если будет необходимость вставки в статью.

  2. Спасибо большое за новый материал по составлению таблиц на блоге! Теперь смогу воспользоваться этой возможностью и смело вставлять в текст таблицы.

    1. Татьяна, рад. что информация о html тегах для составления таблиц в статьях на блоге, была вам полезной! Применяйте у себя на сайте, где это необходимо и успехов вам!

  3. Спасибо за полезную информацию о тегах HTML для таблицы на сайт . Иногда нужно разделить на столбики текст или вставить табличку. Взяла на заметку.

    1. Нина Михайловна, спасибо за отзыв! Используйте, при необходимости, в своих публикациях на блоге html теги для создания таблиц. Иногда, просто необходимо в статьях подать информацию читателям в удобном для чтения виде.

  4. Спасибо за теги. Статью себе сохранила в закладки, думаю еще не раз пригодится.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *