logo

TechCodeview

Conceptes Bàsics D'html

Taules HTML

Les taules HTML ofereixen una eina potent per presentar dades al vostre lloc web. Però dominar-los va més enllà de les files i columnes. Aquest article serveix com a vostre guia definitiva per desbloquejar el potencial de les taules HTML, anar més enllà dels bàsics .

Requisits previs: Introducció HTML

Taula de contingut

Què és HTML Tables?

Una taula HTML és una disposició de dades en files i columnes en format tabular. Les taules són útils per a diverses tasques, com ara presentar informació de text i dades numèriques. Una taula és una eina útil per trobar de manera ràpida i senzilla connexions entre diferents tipus de dades. Les taules també s'utilitzen per crear bases de dades.

Exemple de codi de taula HTML

HTML 
       
  
  Nom> Cognoms> Edat> tr> 
  Priyatd> Sharmatd> 24td> tr> 
  Aruntd> Observa> 32td> tr> 
  Samtd> Watsontd> 41td> tr> table> body> html>>     
    Sortida:     
  Exemple de taula HTML 
Taula HTML senzilla 
  
 Etiquetes utilitzades a les taules HTML  
com a etiqueta final. 
 
 
 Sintaxi  
 
 Content... 
 
 Files de taula  
 
 Les files es poden formar amb l'ajuda de la combinació de cel·les de taula. Es denota per  
i etiqueta com a etiquetes d'inici i final. 
 
 
 Sintaxi  
 
 Content... 
 
 Capçaleres de la taula  
 
 Les capçaleres s'utilitzen generalment per proporcionar l'encapçalament. Les capçaleres de la taula també es poden utilitzar per afegir l'encapçalament a la taula. Això conté el  
etiquetes. 
 
 
 Sintaxi  
 
 Content... 
 
    Exemple 1:     Creació d'una taula senzilla en HTML mitjançant una etiqueta de taula.  
HTML   
       
  
  Nom del llibre> Nom de l'autor> Gènere> tr> 
  El lladre de llibres> Markus Zusaktd> Ficció històrica tr> 
  El Príncep Cruel> Holly Blacktd> Fantasiatd> tr> 
  El pacient silencióstd> Alex Michaelidestd> Ficció psicològica> tr> table> body> html>    
    Sortida:     
  
Taula HTML 
 
    Afegir una vora a una taula HTML     
 
 S'estableix una vora mitjançant la propietat border CSS. Si no especifiqueu cap vora per a la taula, es mostrarà sense vores.  
 
 Sintaxi  
 
table, th, td {  border: 1px solid black; } 
 
    Exemple     : Addició de la vora a la taula HTML.  
HTML