Таблиці HTML пропонують потужний інструмент для представлення даних на вашому веб-сайті. Але оволодіння ними виходить за рамки просто рядків і стовпців. Ця стаття служить вам остаточний путівник для розкриття потенціалу таблиць HTML, виходячи за межі основ .
Передумови: Введення в HTML
Зміст
- Що таке таблиці HTML?
- Таблиця HTML – приклад коду
- Теги, що використовуються в таблицях HTML
- Додавання рамки до таблиці HTML
- Додавання заповнення клітинок у таблиці HTML
- Додавання заголовків вирівнювання за лівим краєм у таблицю HTML
- Додавання інтервалу між межами в таблиці HTML
- Додавання клітинок, які охоплюють багато стовпців у таблицях HTML
- Додавання кольору фону до таблиці
- Створення вкладених таблиць
Що таке таблиці HTML?
Таблиця HTML – це система даних у рядки і колонки у форматі таблиці. Таблиці корисні для виконання різноманітних завдань, наприклад представлення текстової інформації та числових даних. Таблиця є корисним інструментом для швидкого та легкого пошуку зв’язків між різними типами даних. Таблиці також використовуються для створення баз даних.
Приклад коду таблиці HTML
HTML
Ім'я> Прізвище> Ageth> tr> Priyatd> Шарматд> 24td> tr> Aruntd> Singhtd> 32td> tr> Samtd> Watsontd> 41td> tr> table> body> html>> Вихід:
Проста таблиця HTML
Теги, що використовуються в таблицях HTML
як кінцевий тег.Синтаксис
Content...>
Рядки таблиці
Рядки можна формувати за допомогою комбінування комірок таблиці. Він позначається
і тег як початковий і кінцевий теги.
Синтаксис
Content...>
Заголовки таблиць
Заголовки зазвичай використовуються для надання заголовка. Заголовки таблиці також можна використовувати для додавання заголовка до таблиці. Це містить
теги.Синтаксис
Content...>
приклад 1: Створення простої таблиці в HTML за допомогою тегу table.
HTML
Назва книги> Ім'я автора> Genreth> tr> Книжковий злодій d> Маркус Зусактд> Історична літератураtd> tr> Жорстокий принцd> Холлі Блектd> Fantasytd> tr> Мовчазний пацієнтtd> Алекс Міхаелідестд> Психологічна фантастикаtd> tr> table> body> html>> Вихід:
Таблиця HTML
Додавання рамки до таблиці HTML
Рамка встановлюється за допомогою властивості border CSS. Якщо для таблиці не вказати рамку, вона відображатиметься без рамок.
операційні системи mac
Синтаксис
table, th, td { border: 1px solid black; }> приклад : додавання межі до таблиці HTML.
HTML
