LE LISTE HTML
Introduciamo il post “Liste e Tabelle in HTML” partendo dalle liste. In HTML, possiamo organizzare le informazioni in Liste. Possono essere Ordinate o Non Ordinate
- Le Liste Ordinate formano elenchi numerati
- Le Liste Non Ordinate formano elenchi puntati
Formiamo Liste Ordinate col Tag <ol></ol> mentre le Liste Non ordinate col Tag <ul></ul>. Gli oggetti di una Lista sono creati col tag <li>. L’attributo type del tag <ol> definisce il tipo del marcatore della voce di elenco:
ABBREVIAZIONE EMMET PER CREARE UNA LISTA ORDINATA
Ti riporto un’abbreviazione Emmet per la lista ordinata.
ELENCHI DI DESCRIZIONI
Argomentando “Liste e Tabelle in HTML” c’è da dire che HTML supporta anche gli elenchi di descrizioni.
- Un elenco di descrizioni è un elenco di termini, con una descrizione di ciascun termine.
- Il tag <dl> definisce l’elenco delle descrizioni, il tag <dt> definisce il termine (nome) e il tag <dd> descrive ogni termine.
LE TABELLE HTML
Una tabella in HTML è composta da celle di tabella all’interno di righe e colonne. Ogni cella della tabella è definita da un tag <td> e </td>. Gli elementi di dati della tabella sono i contenitori di dati della stessa. Possono contenere tutti i tipi di elementi HTML; testo, immagini, elenchi, altre tabelle, ecc. Ogni riga della tabella inizia con un <tr> e termina con un tag </tr>. Le intestazioni, sono definite con il tag <th> e </th>.
HTML TABLE COLSPAN E ROWSPAN
Per fare in modo che una cella si estenda su più colonne, si usa l’attributo colspan. Il valore dell’attributo colspan rappresenta il numero di colonne da estendere. Per creare un intervallo di celle su più righe, si utilizza l’attributo rowspan. Il valore dell’attributo rowspan rappresenta il numero di righe da estendere. Chiariamo tutti i concetti esposti sinora con degli esempi di codice.
Scrivi un commento