Автор:
Mark Sanchez
Дата Створення:
28 Січень 2021
Дата Оновлення:
1 Липня 2024
![Таблицы html. Как создать и настроить ячейки](https://i.ytimg.com/vi/EeRDjKRinM0/hqdefault.jpg)
Зміст
Створити таблицю в HTML досить складно. Але за допомогою кроків, представлених в цій статті, ви зможете створити її для вашого сайту.
кроки
1 Відкрийте просту програму текстового редактора, наприклад Notepad або WordPad на Windows, або на Mac відкрийте TextEdit.
2 Введіть весь текст, який ви хочете бачити перед таблицею.
- 3 Визначте використання таблиці для HTML документа, ввівши тег table>.
- 4 Натисніть Enter.
5 Введіть тег відкриття таблиці-рядка за допомогою тега tr>.
- 6Не забудьте побудувати всі залишилися елементи зліва направо.
7 Натисніть Enter.
8 Введіть відкриваючий тег для заголовка таблиці за допомогою тега th>.
9 Введіть назву, яке хочете використовувати для першого стовпця.
10 Введіть закриває тег для елементу заголовку таблиці за допомогою тега / th>.
11 Натисніть Enter.
12 Повторіть кроки (вибудовуючи елементи в стовпці зліва направо).
13 Закрийте цей рядок, ввівши тег / tr>.
14 Натисніть Enter.
15 Почніть інший рядок з іншого тега tr>.
16 Натисніть Enter.
17 Введіть тег даних таблиці, за допомогою тега td>.
18 Введіть дані таблиці, які хочете включити в кожне поле.
- 19Працюйте зліва направо, заповнюючи дані зі стовпців, показаних вище.
20 Закривайте кожен введення за допомогою тега / td>.
- 21 Повторіть для всіх даних таблиці, які є.
- Для тих осередків, куди немає необхідності нічого вводити, вводите td> і td> і нічого між ними. Це буде дуже корисно для полів між двома іншими полями.
- Для тих осередків, куди немає необхідності нічого вводити, вводите td> і td> і нічого між ними. Це буде дуже корисно для полів між двома іншими полями.
22 Закрийте кожен рядок іншим тегом / tr>.
23 Повторіть кожен рядок вниз на додаток до рядків tr> і / td>, поки кожна рядок не буде зібрана.
24 Закрийте таблицю за допомогою тега / table>.
25 Введіть наступний HTML текст, який вам потрібен в іншій частині документа.
Поради
- Відступайте від кожного рядка, щоб можна було зрозуміти що ви намагаєтеся зробити в вашому коді.
попередження
- Якщо ви випадково ввели занадто багато стовпців даних там, де немає заголовка таблиці, вони все одно будуть показані, але будуть виглядати трохи нерозумно і читач не зрозуміє до чого ця інформація.
- Побудова таблиць на сторінці HTML досить складний процес для розуміння. Спочатку попрактикуйтесь на зовнішніх даних, щоб подивитися як це виглядає, потім перегляньте і помістіть нову таблицю на їх місце.
- Код таблиці HTML найкраще залишити для просунутих кодувальників HTML. Проте, після того, як ви виконаєте ці інструкції, ви теж станете одним з них.