Как создать таблицу в html | Тег < table >

 

Здравствуйте дорогие читатели сайта «Я блоггер». А вы знаете как сделать таблицу в html? Сегодня расскажу вам как создать таблицу в html, какой тег используется для создания таблиц, как вставить таблицу в блог или на сайт.

В редакторе сообщений заходим на вкладку HTML или Текст, вставляем маленький код:

 

<table border="2"><tr><td>Строка 1 ячейка 1</td><td>Строка 1 ячейка 2</td></tr><tr><td>Строка 2 ячейка 1</td><td>Строка 2 ячейка 2</td></tr><tr></table>

 

Как сделать таблицу в html
Таблица в рамочке

 

Каждая таблица состоит из строк и столбцов. Теги из которых состоит таблица:

 

<table> открывающийся тег, начало таблицы
</table> закрывающийся тег, конец таблицы
<tr> - строка таблицы, создает контейнер для ячейки
<td> - столбец таблицы, создает ячейку внутри контейнера.
Атрибут border это рамка таблицы. Чтобы убрать рамку, поменяйте значение border="2" на border="0"

 

Таблица без рамки

 

 

Таблица html без рамки
Скриншот в рамке. Таблица без рамочки.

<table border="0"><tr><td>Строка 1 ячейка 1</td><td>Строка 1 ячейка 2</td></tr><tr><td>Строка 2 ячейка 1</td><td>Строка 2 ячейка 2</td></tr><tr></tr></table>

 

Таблица по центру

 

Берем строки и ячейки в тег <center>

 

Не правильно 

 

<center><table border="2"><tr><td>Строка 1 ячейка 1</td><td>Строка 1 ячейка 2</td></tr><tr><td>Строка 2 ячейка 1</td><td>Строка 2 ячейка 2</td></tr><tr></table></center>

 

Таблица по центру

 

Тег <center> устарел и осуждается в HTML. В HTML5 такого тега уже нет и в будущем перестанет поддерживаться браузерами. При использовании этого тега будет не валидный код.

 

А дальше все действия в редакторе сообщений: изменить размер, цвет и шрифт текста.

 

Будь вместе с Я Блоггер

 

Будь в тренде!

Получай материалы прямиком в свою почту

Я даю согласие на сбор и обработку своих персональных и не персональных данных согласно действующей на сайте — политике конфиденциальности.
* Нажимая на кнопку "Отправить", "Подпишись" или "Комментировать" Вы соглашаетесь с пользовательским соглашением.

Комментарии 2

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

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

Яндекс.Метрика