5.0 0.5 5 19

Как сделать таблицу в HTML?

Анастасия Шостак
Анастасия Шостак
1 марта 2013
1183
Оцените:
Как сделать таблицу в HTML?

Создание интернет-сайтов трудно себе представить без таблиц. Таблицы – самый простой способ точно и аккуратно разместить информацию на странице. Отсюда можно узнать как сделать таблицу в html, когда вам нужно точно оформить данные или сверстать этот шаблон.

Инструкция: как создать таблицу в html

  1. На страницу добавьте таблицу. Это можно сделать с помощью специального тэга. Разметка и все данные таблицы размещены между данными тэгами. Сделайте разметку таблицы. В таблице присутствуют ячейки и столбцы. Сперва добавьте столбцы. Их можно создать тэгами. Ячейки добавляйте внутрь столбцов. Будьте внимательны, потому что тэг ячейки вкладывается в тэг столбца, а тэг столбца в тэг таблицы.
  2. Если в таблице нет названия столбцов, то добавьте их в тэгах. Чтобы переделать внешний вид таблицы, примените такие атрибуты: width (настраивает ширину таблицы – можно указать в процентах в или пикселях от ширины экрана), bgcolor (это цвет фона ячеек), background, border – делает рамку вокруг таблицы, при указании к тэгу td. Если вам не нужна рамка вокруг таблицы, то установите border=«0».
  3. Если вам не нравится какое-нибудь расстояние между ячейками, поменяйте атрибут cellspacing. Чтобы поменять размещение таблицы на страничке, укажите нужное вам значение атрибута left (слева), align: right (справа), center (по центру). Еще вы можете просто изменить постоянное расстояние между содержимым ячейки и границей данной ячейки. Нужно также  в обязательном порядке указать в пикселях нужное значение атрибута cellpadding.
  4. Вы также можете выровнять на свой взгляд и содержимое данной ячейки. Для тэга в этом случае нужно обязательно прописать следующие атрибуты: align (горизонтальное размещение содержимого в ячейке - по центру (center), слева (left), справа (right); valign (выравнивает текст ячейки соответственно по вертикали - по центру (middle), вниз (bottom), вверх (top).
  5. Чтобы сверстать шаблон сайта при помощи таблиц или расширить возможности настройки дизайна, примените CSS. Таким образом, вопрос, как вставить таблицу в html, не выглядит таким трудным, так это очень просто сделать согласно этой специальной инструкции для пользователей.
Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!