logo

TechCodeview

Základy Html

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