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