logo

TechCodeview

Základy Html

HTML tabulky

HTML tabulky nabízejí mocný nástroj pro prezentaci dat na vašem webu. Jejich zvládnutí však přesahuje pouhé řádky a sloupce. Tento článek slouží jako váš konečný průvodce k odemknutí potenciálu HTML tabulek, překračování základů .

Předpoklady: Úvod do HTML

Obsah

Co jsou HTML tabulky?

HTML tabulka je uspořádání dat v řádky a sloupců v tabulkovém formátu. Tabulky jsou užitečné pro různé úkoly, jako je prezentace textových informací a číselných údajů. Tabulka je užitečný nástroj pro rychlé a snadné nalezení spojení mezi různými typy dat. Tabulky se také používají k vytváření databází.

Příklad kódu tabulky HTML

HTML 
       
  
  Jméno> Příjmení> Ageth> tr> 
  Priyatd> Sharmatd> 24td> tr> 
  Aruntd> Singhtd> 32td> tr> 
  Samtd> Watsontd> 41td> tr> tabulka> tělo> html>     
    Výstup:     
  Příklad HTML tabulky 
Jednoduchá HTML tabulka 
  
 Značky používané v tabulkách HTML  
jako koncová značka. 
 
 
 Syntax  
 
 Content... 
 
 Řádky tabulky  
 
 Řádky lze tvořit pomocí kombinace buněk tabulky. Označuje se tím  
a tag jako počáteční a koncový tag. 
 
 
 Syntax  
 
 Content... 
 
 Záhlaví tabulek  
 
 Záhlaví se obecně používají k poskytnutí záhlaví. Záhlaví tabulky lze také použít k přidání záhlaví do tabulky. Toto obsahuje  
značky. 
 
 
 Syntax  
 
 Content... 
 
    Příklad 1:     Vytvoření jednoduché tabulky v HTML pomocí tagu tabulky.  
HTML   
       
  
  Název knihy> Jméno autora> Žánr> tr> 
  Zlodějka knih> Markus Zusaktd> Historical Fictiontd> tr> 
  Kruté Princetd> Holly Blacktd> Fantasytd> tr> 
  Tichý pacienttd> Alex Michaelidestd> Psychological Fictiontd> tr> table> body> html>    
    Výstup:     
  
HTML tabulka 
 
    Přidání ohraničení do tabulky HTML     
 
 Ohraničení se nastavuje pomocí vlastnosti border CSS. Pokud pro tabulku neurčíte ohraničení, zobrazí se bez ohraničení.  
 
 Syntax  
 
table, th, td {  border: 1px solid black; } 
 
    Příklad     : Přidání ohraničení do tabulky HTML.  
HTML