Как нарисовать таблицу в HTML?

HTML представляет собой язык разметки страницы, с его помощью можно веб-сайты для размещения в интернете. Для форматирования документа в этом случае используются теги – элементы описания.

Вам понадобится

• - компьютер;
• - программа «Блокнот»;
• - навыки работы c HTML.

Инструкция

Откройте свою страничку, на которую нужно добавить таблицу в HTML с помощью программы «Блокнот». Для этого щелкните по файлу правой кнопкой мыши, чтобы вызвать контекстное меню, выберите опцию «Открыть с помощью». Выберите место в теге Body, чтобы добавить таблицу на сайт.

Используйте для размещения таблицы в Html тег .... Это основной тег, который описывает таблицу. Все ее элементы должны располагаться между открывающим и закрывающим тегом. По умолчанию таблица создается без разделителей и обрамления. Добавьте при необходимости обрамление с помощью атрибута Border. Для этого вставьте его внутри тега таблицы и добавьте числовое значение ширины рамки, например, Border=5.

Добавьте строки в таблицу. Для этого используйте тег ..., количество строк определяется количеством его пар. Добавьте описание ячейки с помощью тега .... Ячейку размещайте только внутри тега строки, добавьте к ней номер колонки (столбца), в котором она размещается.

Расположение текста в ячейке определите с помощью атрибутов Aligh (left, right, center) – определяет размещение текста по горизонтали, и Valign (middle, bottom, top) – определяет размещение данных в ячейке по вертикали. Это описание можно добавить как для отдельной ячейки, так и для всей строки.

Используйте атрибут Colspan для объединения ячеек по горизонтали, а Rowspan – по вертикали. Пример кода таблицы: «Название таблицы» «Название объединенной строки» «Название первого столбца» «Название второго столбца» «Вторая строка» «Вторая ячейка второй строки» «Третья ячейка второй строки» .

Оцените статью!