Як створити таблицю в HTML

Створити таблицю в HTML досить складно. Але за допомогою кроків, представлених у цій статті, ви зможете створити її для вашого сайту.

Кроки

1. 

   1

   Відкрийте просту програму текстового редактора, наприклад Notepad або WordPad на Windows, або на Mac відкрийте TextEdit.

2. 

   2

   Введіть весь текст, який ви хочете бачити перед таблицею.

3. 3

   Визначте використання таблиці для HTML документа, ввівши тег .
   
   

   

   4

   Натисніть Enter.
   
   

   

   

   5

   Введіть тег відкриття таблиці-рядка за допомогою тега
   .

   6

   Не забудьте побудувати всі залишилися елементи зліва направо.

   

   7

   Натисніть Enter.

   

   8

   Введіть відкриваючий тег для заголовка таблиці за допомогою тега
   .

   

   11

   Натисніть Enter.

   

   12

   Повторіть кроки (вибудовуючи елементи в стовпцях [b]зліва направо).

   

   13

   Закрийте цей рядок, ввівши тег
   .

   

   14

   Натисніть Enter.

   

   15

   Почніть інший рядок з іншого тега
   .
   
   
   

   

   16

   Натисніть Enter.

   

   17

   Введіть тег даних таблиці, за допомогою тега
   .

   21

   Повторіть для всіх даних таблиці, які є.

   • Для тих осередків, куди немає необхідності нічого вводити, вводите
   .

   

   23

   Повторіть кожну рядок вниз на додаток до рядків
   і , поки кожна рядок не буде зібрана.

   

   24

   Закрийте таблицю за допомогою тега

   . 9 Введіть назву, яка хочете використовувати для першого шпальти. 10 Введіть закриває тег для елемента заголовка таблиці за допомогою тега
   . 18 Введіть дані таблиці, які хочете включити в кожне поле. 19 Працюйте зліва направо, заповнюючи дані зі стовпців, показаних вище. 20 Закривайте кожен введення за допомогою тега	і	і нічого між ними. Це буде дуже корисно для полів між двома іншими полями. 22 Закрийте кожен рядок іншим тегом

   .

4. 

   25

   Введіть наступний HTML текст, який вам потрібен в решті частини документа.

Поради

• Відступайте від кожного рядка, щоб можна було зрозуміти що ви намагаєтеся зробити у вашому коді.

Попередження

• Якщо ви випадково ввели занадто багато стовпців даних там, де немає заголовка таблиці, вони все одно будуть показані, але будуть виглядати трохи нерозумно і читач не зрозуміє до чого ця інформація.
• Побудова таблиць на сторінці HTML досить складний процес для розуміння. Спочатку попрактикуйтесь на зовнішніх даних, щоб подивитися як це виглядає, потім перегляньте і помістіть нову таблицю на їхнє місце.
• Код таблиці HTML найкраще залишити для просунутих кодировщиков HTML. Тим не менше, після того, як ви виконаєте ці інструкції, ви теж станете одним з них.