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

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

кроки

Зображення з назвою Italicize Text in HTML Step 1
1
Відкрийте просту програму текстового редактора, наприклад Notepad або WordPad на Windows, або на Mac відкрийте TextEdit.
  • Зображення з назвою Create a Table in HTML Code Step 2
    2
    Введіть весь текст, який ви хочете бачити перед таблицею.

    Відео: Таблиці [HTML - Урок 6]

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


    Зображення з назвою Create a Table in HTML Code Step 3
  • 4
    Натисніть Enter.

    Зображення з назвою Create a Table in HTML Code Step 4
  • Зображення з назвою Create a Table in HTML Code Step 5
    5
    Введіть тег відкриття таблиці-рядка за допомогою тега .
  • 6
    Не забудьте побудувати всі залишилися елементи зліва направо.
  • Зображення з назвою Create a Table in HTML Code Step 7
    7
    Натисніть Enter.
  • Зображення з назвою Create a Table in HTML Code Step 8
    8
    Введіть відкриваючий тег для заголовка таблиці за допомогою тега .
  • Зображення з назвою Create a Table in HTML Code Step 9
    9


    Введіть назву, яке хочете використовувати для першого стовпця.
  • Зображення з назвою Create a Table in HTML Code Step 10
    10
    Введіть закриває тег для елементу заголовку таблиці за допомогою тега.
  • Зображення з назвою Create a Table in HTML Code Step 11
    11
    Натисніть Enter.
  • Зображення з назвою Create a Table in HTML Code Step 12
    12
    Повторіть кроки (вибудовуючи елементи в стовпці зліва направо).
  • Зображення з назвою Create a Table in HTML Code Step 13
    13
    Закрийте цей рядок, ввівши тег.
  • Зображення з назвою Create a Table in HTML Code Step 14
    14
    Натисніть Enter.
  • Зображення з назвою Create a Table in HTML Code Step 15
    15
    Почніть інший рядок з іншого тега .
  • Зображення з назвою Create a Table in HTML Code Step 16
    16
    Натисніть Enter.

    Відео: HTML5 для початківців | # 10 Створення HTML-таблиць

  • Зображення з назвою Create a Table in HTML Code Step 17
    17
    Введіть тег даних таблиці, за допомогою тега .
  • Зображення з назвою Create a Table in HTML Code Step 18


    18
    Введіть дані таблиці, які хочете включити в кожне поле.
  • 19
    Працюйте зліва направо, заповнюючи дані зі стовпців, показаних вище.
  • Зображення з назвою Create a Table in HTML Code Step 20
    20
    Закривайте кожен введення за допомогою тега.
  • 21

    Відео: HTML таблиці - тег table

    Повторіть для всіх даних таблиці, які є.
  • Для тих осередків, куди немає необхідності нічого вводити, вводите і і нічого між ними. Це буде дуже корисно для полів між двома іншими полями.
    Зображення з назвою Create a Table in HTML Code Step 21Bullet1
  • Зображення з назвою Create a Table in HTML Code Step 22
    22
    Закрийте кожен рядок іншим тегом.
  • Зображення з назвою Create a Table in HTML Code Step 23
    23
    Повторіть кожен рядок вниз на додаток до рядків і, поки кожна рядок не буде зібрана.
  • Зображення з назвою Create a Table in HTML Code Step 24
    24
    Закрийте таблицю за допомогою тега.
  • Зображення з назвою Create a Table in HTML Code Step 25
    25
    Введіть наступний HTML текст, який вам потрібен в іншій частині документа.
  • Поради

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

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

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


    Увага, тільки СЬОГОДНІ!

    Увага, тільки СЬОГОДНІ!
    » » Як створити таблицю в html