logo

TechCodeview

Основи 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 
  
 Теги, що використовуються в таблицях 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. Якщо для таблиці не вказати рамку, вона відображатиметься без рамок.  
 
 Синтаксис  
 
table, th, td {  border: 1px solid black; } 
 
    приклад     : додавання межі до таблиці HTML.  
HTML