logo

TechCodeview

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.
caràcter a cadena en java

Sintaxi
table, th, td {  border: 1px solid black; }>
    Exemple    : Addició de la vora a la taula HTML.
HTML