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

Автор: Mark Sanchez
Дата Створення: 28 Січень 2021
Дата Оновлення: 1 Липня 2024
Anonim
Таблицы html. Как создать и настроить ячейки
Відеоролик: Таблицы html. Как создать и настроить ячейки

Зміст

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

кроки

  1. 1 Відкрийте просту програму текстового редактора, наприклад Notepad або WordPad на Windows, або на Mac відкрийте TextEdit.
  2. 2 Введіть весь текст, який ви хочете бачити перед таблицею.
  3. 3 Визначте використання таблиці для HTML документа, ввівши тег table>.

  4. 4 Натисніть Enter.

  5. 5 Введіть тег відкриття таблиці-рядка за допомогою тега tr>.
  6. 6Не забудьте побудувати всі залишилися елементи зліва направо.
  7. 7 Натисніть Enter.
  8. 8 Введіть відкриваючий тег для заголовка таблиці за допомогою тега th>.
  9. 9 Введіть назву, яке хочете використовувати для першого стовпця.
  10. 10 Введіть закриває тег для елементу заголовку таблиці за допомогою тега / th>.
  11. 11 Натисніть Enter.
  12. 12 Повторіть кроки (вибудовуючи елементи в стовпці зліва направо).
  13. 13 Закрийте цей рядок, ввівши тег / tr>.
  14. 14 Натисніть Enter.
  15. 15 Почніть інший рядок з іншого тега tr>.
  16. 16 Натисніть Enter.
  17. 17 Введіть тег даних таблиці, за допомогою тега td>.
  18. 18 Введіть дані таблиці, які хочете включити в кожне поле.
  19. 19Працюйте зліва направо, заповнюючи дані зі стовпців, показаних вище.
  20. 20 Закривайте кожен введення за допомогою тега / td>.
  21. 21 Повторіть для всіх даних таблиці, які є.
    • Для тих осередків, куди немає необхідності нічого вводити, вводите td> і td> і нічого між ними. Це буде дуже корисно для полів між двома іншими полями.
  22. 22 Закрийте кожен рядок іншим тегом / tr>.
  23. 23 Повторіть кожен рядок вниз на додаток до рядків tr> і / td>, поки кожна рядок не буде зібрана.
  24. 24 Закрийте таблицю за допомогою тега / table>.
  25. 25 Введіть наступний HTML текст, який вам потрібен в іншій частині документа.

Поради

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

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

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