Как создать каталог товаров с помощью HTML

Таблицы представляют собой простейший метод создания онлайн-каталога в формате HTML. В таблице с тремя колонками есть место для изображения продукта, описания и информации о доставке/заказе. Вставка информации в таблицы сокращает время, необходимое для выравнивания текста. Кроме того, таблицы позволяют контролировать пустое пространство, окружающее информацию на вашей странице, чтобы улучшить внешний вид и ясность вашего веб-сайта.

Шаг 1

Определите таблицу с границей в один пиксель, используя открывающий тег

:

Шаг 2

Вставьте первую строку ячеек и их содержимое с помощью этого кода:

<тр> <тд> Это описание первого элемента. Этот элемент в настоящее время доступен.

Шаг 3

Вставьте вторую строку ячеек и их содержимое с помощью этого кода:

<тр> <тд> Это описание второго элемента. Этот товар находится в стадии ожидания.

Шаг 4

Закройте таблицу закрывающим тегом:

Совет

В этом простом примере создается таблица с двумя строками и тремя столбцами. В первом столбце отображается изображение товара размером 60 x 60 пикселей с использованием тега. Второй и третий столбцы отображают описание продукта и информацию о запасах. Обратите внимание, что каждая строка начинается и заканчивается символом

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

Вставьте команду cellpadding сразу после спецификации границы в определении таблицы, чтобы увеличить количество пробелов между границами таблицы и вашим содержимым. Например,

создает 10-пиксельное пустое пространство вокруг содержимого каждой ячейки в таблице.