Вставка таблиц

Как правильно вставить таблицу в текст.

Одним из возможных представлений данных информации в тексте  являются таблицы, которые очень широко используются авторами, да и не только авторами, сайтов и блогов. При помощи таблиц можно легко увеличить наглядность информации, объединённой однотипными данными, а также проследить зависимость тенденций смещения данных относительно времени или технических характеристик. Более того, совсем недавно таблицы очень широко использовались при вёрстке (разработке дизайна) сайтов. Это сейчас — это дурной тон, а всего десяток лет назад это была чуть ли не основа всех сайтов сети, потому что таблицы проще и нагляднее для визуального понимания.

Контейнер самой таблицы (пустой) делается в HTML при помощи тегов <table></table>, то есть, если браузер встречает такую запись, то он сразу «понимает», что внутри этих тегов находится таблица и отображать её следует как таблицу, а не как обычный див, хотя принципиальной разницы между именно этим тегом и дивом почти нет. Следующий тег, который обычно вкладывают в таблицу <table><tbody></tbody></table> (tbody — тело таблицы).

Далее, как правило, идёт заголовочные ячейки, которые делаются при помощи тегов <th></th> и которые обязательно должны находиться  между тегами <tr></tr>. Строки для самих данных тоже создаются при помощи тегов <tr></tr>, которые обычно располагаются ниже заголовочных тегов в программном коде. И, наконец, каждая ячейка, содержащая данные создаётся при помощи тегов <td></td>. Вот, по сути, и все элементы.

Можно, конечно, всё это писать и в одну строку, но лучше всё-таки пользоваться отступами и разделением, так будет гораздо нагляднее. Пример таблицы:

<table border=»1″ >

<caption>Склад вебмастера</caption>

<tbody>

<tr><th>Сайты</th><th>Блоги</th></tr>

<tr><td>22</td><td>21</td></tr>

<tr><td>32</td><td>24</td></tr>

</tbody>

</table>

Склад вебмастера
Сайты Блоги
22 21
32 24

Чтобы написать название таблицы используется тег<caption></caption>, а border — это толщина рамки таблицы и если его не прописать или сделать его равным нулю, то таблица будет невидимой, хотя данные будут располагаться по правилам расположения таблиц.

Я специально написал таблицу вручную и открытым текстом, чтобы каждый пользователь мог скопировать этот код себе на страницу и убедиться лично, что отображаться он будет именно так, а не как-то иначе, более того, то что отображается на этой странице (таблица) скопированно именно с этой страницы, а не с какой-то другой. Если у Вас отображается таблица как-то не так, то ошибку следует искать в правильности правописания и расположения базовых тегов Вашей страницы и их вложенности.

Таблицы подеживают практически все стили форматирования, за исключением разве что тех, которые реально противоречат смыслу разметки. Проще говоря, каждому элементу верхнего или нижнего уровня Вы можете прописать любой атрибут и таким образом изменить всё, что захотите: цвет, длину, ширину, шрифт, цвет фона, цвет шрифта и так далее, но обычно стили прописываются в файле CSS для удобства, чтобы можно было одним изменением изменять форматирование всей страницы или сайта.

В некоторых случаях, при выводе данных, особенно одинаковых, гораздо проще объединить ячейки, чтобы не писать одинаковые данные по нескольку раз. Для объединения в HTML используются атрибуты или свойства, как хотите, colspan и rowspan.


——————————————————————————

Читайте также по теме:
Заработок в интернете для новичков


*Как сделать для себя кошелёк Webmoney

*Бесплатные способы привлечения рефералов из контакта
*Как без вложений зарабатывать на биржах статей
*Как заработать без вложений в сети ленивому
*Как заработать на кликах без вложений и инвестиций




Яндекс.Метрика Рейтинг@Mail.ru