logo

TechCodeview

Podstawy Html

Tabele HTML

Tabele HTML oferują potężne narzędzie do prezentacji danych w Twojej witrynie. Ale opanowanie ich wykracza poza same wiersze i kolumny. Ten artykuł służy jako Twój ostateczny przewodnik do uwolnienia potencjału tabel HTML, wykraczając poza podstawy .

Warunki wstępne: Wprowadzenie do HTML

Spis treści

Co to są tabele HTML?

Tabela HTML to układ danych w wydziwianie I kolumny w formie tabelarycznej. Tabele są przydatne do różnych zadań, takich jak prezentowanie informacji tekstowych i danych liczbowych. Tabela jest użytecznym narzędziem umożliwiającym szybkie i łatwe znajdowanie powiązań pomiędzy różnymi typami danych. Tabele służą także do tworzenia baz danych.

Przykładowy kod tabeli HTML

HTML 
       
  
  Imię> Nazwisko> Wiek>tr> 
  Priyatd> Szarmatd> 24td>tr> 
  Arunt> Singhtd> 32td>tr> 
  Samt> Watsonta> 41td> tr> tabela> treść> html>     
    Wyjście:     
  Przykład tabeli HTML 
Prosta tabela HTML 
  
 Tagi używane w tabelach HTML  
jako znacznik końcowy. 
 
 
 Składnia  
 
 Content... 
 
 Wiersze tabeli  
 
 Wiersze można tworzyć za pomocą kombinacji komórek tabeli. Jest oznaczony przez  
i otaguj jako znaczniki początkowe i końcowe. 
 
 
 Składnia  
 
 Content... 
 
 Nagłówki tabeli  
 
 Nagłówki są zwykle używane do podawania nagłówka. Nagłówków tabeli można także użyć do dodania nagłówka do tabeli. Zawiera  
tagi. 
 
 
 Składnia  
 
 Content... 
 
    Przykład 1:     Tworzenie prostej tabeli w HTML za pomocą tagu table.  
HTML   
       
  
  Nazwa książki> Imię autora> Gatunek> tr> 
  Złodziejka książek.> Markusa Zusaktda> Fikcja historycznatd> tr> 
  Okrutny Princetd> Holly Blacktd> Fantasytd> tr> 
  Cichy pacjent Alex Michaelidestd> Fikcja psychologicznatd> tr> tabela> treść> html>    
    Wyjście:     
  
Tabela HTML 
 
    Dodawanie obramowania do tabeli HTML     
 
 Obramowanie ustawia się za pomocą właściwości CSS border. Jeśli nie określisz obramowania tabeli, zostanie ona wyświetlona bez obramowań.  
 
 Składnia  
 
table, th, td {  border: 1px solid black; } 
 
    Przykład     : Dodanie obramowania do tabeli HTML.  
HTML