Приветствую вас на «Планете Успеха»! У вас возникала необходимость вставки таблицы, на своем сайте (блоге) при публикации статей? Уверен, что да!
Но, вы не знали как сверстать таблицу, и оставляли эту затею, довольствуясь обычной версткой…
Предлагаю, незамедлительно, изучить 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 теги таблицы, и применяйте их при верстке своих статей на блоге, в которых необходимо вставлять таблицы. У вас все получится!
Успехов вам и до новых встреч!
Галина, спасибо за полезную информацию, теперь знаю как сделать таблицу
Сергей, применяйте у себя на блоге html теги таблицы, если будет необходимость вставки в статью.
Спасибо за полезную информацию!
Применяйте у себя на блоге, при необходимости.
Спасибо большое за новый материал по составлению таблиц на блоге! Теперь смогу воспользоваться этой возможностью и смело вставлять в текст таблицы.
Татьяна, рад. что информация о html тегах для составления таблиц в статьях на блоге, была вам полезной! Применяйте у себя на сайте, где это необходимо и успехов вам!
Спасибо за полезную информацию о тегах HTML для таблицы на сайт . Иногда нужно разделить на столбики текст или вставить табличку. Взяла на заметку.
Нина Михайловна, спасибо за отзыв! Используйте, при необходимости, в своих публикациях на блоге html теги для создания таблиц. Иногда, просто необходимо в статьях подать информацию читателям в удобном для чтения виде.
Спасибо за теги. Статью себе сохранила в закладки, думаю еще не раз пригодится.
Ольга, спасибо за комментарий! Я думаю пригодится?