Таблицы предоставляют простейший метод создания онлайн-каталога в HTML. Таблица из трех столбцов дает вам место для изображения продукта, описания и информации о доставке / заказе. Вставка информации в таблицы сокращает время, необходимое для выравнивания текста. Кроме того, таблицы позволяют управлять пустым пространством вокруг информации на странице, чтобы улучшить внешний вид и наглядность вашего веб-сайта.
Шаг 1
Определите таблицу с рамкой в один пиксель, используя проем
ярлык:Видео дня
Шаг 2
Вставьте первую строку ячеек и их содержимое с помощью этого кода:
Шаг 3
Вставьте вторую строку ячеек и их содержимое с помощью этого кода:
Шаг 4
Закройте таблицу конечным тегом:
 |
Это описание первого пункта. | Этот элемент в настоящее время доступен. |
 |
Это описание второго пункта. | Этот товар находится в невыполненном заказе. |
Подсказка
Этот простой пример создает таблицу с двумя строками и тремя столбцами. В первом столбце отображается изображение товара размером 60 на 60 пикселей с тегом. Во втором и третьем столбцах отображается описание продукта и информация о наличии. Обратите внимание, что каждая строка начинается и заканчивается тегом, а каждый элемент в строке начинается и заканчивается тегом. Вставьте столько столбцов или строк, сколько вам нужно для описания вашего продукта.
Вставьте команду cellpadding сразу после спецификации границы в определении таблицы, чтобы увеличить количество пробелов между границами таблицы и вашим содержимым. Например,
создает 10-пиксельное белое пространство вокруг содержимого каждой ячейки в таблице.использованная литература
- W3Schools.com: HTML-таблицы
