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

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

кроки

Italicize Text in HTML Step 1
1. Відкрийте просту програму текстового редактора, наприклад Notepad або WordPad на Windows, або наMac відкрийте TextEdit.
  • Create a Table in HTML Code Step 2
    2. Введіть весь текст, який ви хочете бачити перед таблицею.
  • 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.
  • 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. Повторіть для всіх даних таблиці, які є.
  • Для тих осередків, куди немає необхідності нічого вводити, вводите і і нічого між ними. Це буде дуже корисно для полів між двома іншими полями.
    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. Проте, після того, як ви виконаєте ці інструкції, ви теж станете одним з них.
    Cхоже