tabelle elenchi HTML

Elenchi e Tabelle HTML

Sapete che a noi di LaraMind ripassare proprio piace, dunque prendiamo spesso un argomento un po’ a caso e iniziamo con il ripasso. Vediamo spesso in giro per il web delle “tabelle HTML orrende”, dunque ci siamo chiesti,:ok andiamo non alla BASE, andiamo sotto la BASE, dunque all’HTML a vedere cosa sono le tabelle e come crearle efficacemente e non solo, andiamo anche a vedere gli elenchi in HTML.

Elenchi HTML

Due le tipologie di elenchi in HTML

Le tipologie di elenco disponibili in HTML sono:

  1. elenchi non ordinati: si descrive utilizzando il tag <ul>. Al suo interno possiamo inserire gli elementi della lista (list item) utilizzando il tag <li>
  2. elenchi ordinati: sono contraddistinti dalla numerazione degli elementi che compongono la lista. Il tag da utilizzare per aprire un elenco ordinato è <ol> e anche in questo caso gli elementi sono individuati dal tag <li>. L’attributo type applicato al tag ol serve per specificare il tipo di enumerazione che vogliamo applicare [type=”1″ – numeri interi “arabi” (valore di default), type=”a” – numeri alfabeto minuscolo, type=”A” – numeri alfabeto maiuscolo, type=”i” – numeri numeri romani minuscoli, type=”I” – numeri numeri romani maiuscoli]

Tabelle HTML

Gli elementi che compongono una tabella sono:

  1. <table>: È il contenitore di tutta la tabella e la definisce;
  2. <tr>: “table row” Contiene una riga della tabella;
  3. <td>: “table data” Una cella che contiene i valori all’interno di una riga;
  4. <thead>: Serve per raggruppare le righe che rappresentano l’intestazione della tabella;
  5. <th>: “table header” Indica una cella che contiene un’intestazione;
  6. <tbody>: Raggruppa le righe che contengono il corpo della tabella;
  7. <tfoot>: Racchiude le righe che utilizziamo come footer della tabella

colspan – Per ottenere una cella che occupi più colonne; rowspan – Per ottenere una cella che si estenda su più di una riga

Corsi LaraMind

Per arrivare in alto ragazzi si parte dalla BASE, quindi dalle Basi di programmazione, e se si hanno insicurezze perché no, si ritorna pure a parlare di HTML

Dai un’occhiata ai Corsi LaraMind, scopri la soluzione più adatta alle tue esigenze!

 

Leave a reply