Таблиця HTML містить інформацію на веб-сайті.
Додавання стовпців на ваш веб-сайт корисно для організації вмісту. Насправді немає обмежень щодо кількості стовпців, які може містити ваша веб-сторінка. Проте кодування стовпців вимагає знання іншого тегу HTML: таблиці. Об’єднання цих двох тегів дає безмежні можливості для створення чистого, гарного веб-сайту.
Крок 1
Запустіть редактор HTML. Виберіть «Файл» і «Новий» на панелі навігації програми. На екрані з’явиться порожній документ.
Відео дня
Крок 2
Створіть таблицю. Таблиці визначаються за допомогою
тег. Кожну таблицю можна розділити на рядки, а кожен рядок — на клітинки даних. Комірки даних визначать ваші стовпці. Таблиця з двома стовпцями кодується подібно до цього:Колонка 1 | Колонка 2 |
Крок 3
Налаштуйте властивості меж таблиці. Якщо ви хочете, щоб стовпці мали межі, помістіть тег border="1" всередині тегу таблиці. Змініть колір рамки, використовуючи HEX-код кольору з тегом bordercolor="#000000". #000000 чорний. Щоб колір рамки відображався, межа має бути визначена як мінімум "1".
приклад:
Колонка 1 | Колонка 2 |
Крок 4
Додайте заповнення клітинок або інтервал між клітинками. Заповнення клітинок — це кількість вільного простору між межею та вмістом клітинки. Між клітинками — це відстань між клітинками. Ці теги застосовуються в тегу таблиці. Не обов’язково мати активні cellpadding або cellpacing.
приклад:
Колонка 1 | Колонка 2 |
Крок 5
Додайте вміст до своїх колонок. Текст, зображення, форми та багато іншого можуть міститись у тегах даних таблиці.
Крок 6
Збережіть свій HTML-документ. Перегляньте його у своєму Інтернет-браузері перед завантаженням на свій веб-сервер.