logo

TechCodeview

HTML tabuľky

Tabuľky HTML ponúkajú výkonný nástroj na prezentáciu údajov na vašom webe. Ich zvládnutie však presahuje len riadky a stĺpce. Tento článok slúži ako váš konečný sprievodca na uvoľnenie potenciálu tabuliek HTML, prekročenie základov .

Predpoklady: Úvod do HTML



Obsah

Čo sú HTML tabuľky?

Tabuľka HTML je usporiadanie údajov v riadkov a stĺpci v tabuľkovom formáte. Tabuľky sú užitočné pri rôznych úlohách, ako je prezentácia textových informácií a číselných údajov. Tabuľka je užitočný nástroj na rýchle a jednoduché nájdenie spojení medzi rôznymi typmi údajov. Tabuľky sa používajú aj na vytváranie databáz.

Príklad kódu tabuľky HTML

HTML 
     
 
 Meno>Priezvisko>Ageth> tr>
 Priyatd>Sharmatd>24td> tr>
 Aruntd>Singhtd>32td> tr>
 Samtd>Watsontd>41td> tr> tabuľka> telo> html>>  
    Výkon:    
  Príklad HTML tabuľky
Jednoduchá HTML tabuľka
 
 

 
Značky používané v tabuľkách HTML
ako koncová značka.
Syntax
 Content...>
Riadky tabuľky
Riadky je možné vytvárať pomocou kombinácie buniek tabuľky. Označuje sa tým
a tag ako začiatočný a koncový tag.
 
 

Syntax
 Content...>
Hlavičky tabuľky
Hlavičky sa vo všeobecnosti používajú na poskytnutie nadpisu. Hlavičky tabuľky možno použiť aj na pridanie nadpisu do tabuľky. Toto obsahuje
značky.
Syntax
 Content...>
    Príklad 1:    Vytvorenie jednoduchej tabuľky v HTML pomocou značky tabuľky.
HTML 
     
 
 Názov knihy>Meno autora>Žáner> tr>
 Zlodejina kníh>Markus Zusaktd>Historical Fictiontd> tr>
 Kruté Princetd>Holly Blacktd>Fantasytd> tr>
 Tichý pacient>Alex Michaelidestd>Psychological Fictiontd> tr> table> body> html>> 
    Výkon:    
 
HTML tabuľka
    Pridanie orámovania do tabuľky HTML    
Orámovanie sa nastavuje pomocou vlastnosti border CSS. Ak neurčíte orámovanie tabuľky, zobrazí sa bez orámovania.
formátovať dátum na reťazec

Syntax
table, th, td {  border: 1px solid black; }>
    Príklad    : Pridanie orámovania do tabuľky HTML.
HTML