Come combinare o unire celle in una tabella HTML

È possibile unire due o più celle di una tabella utilizzando l'attributo colspan in a Tag HTML (dati tabella). Ad esempio, nel codice seguente è una tabella con tre righe e tre colonne.

Se volessimo combinare le prime due celle in una cella, potremmo usare l'attributo colspan = "2" nel primo etichetta. Il numero rappresenta il numero di celle che desideri utilizzare per etichetta.

Esempio di tabella HTML

Il codice sopra, reso in un browser web, produce una tabella simile alla tabella mostrata di seguito. Come puoi vedere, la prima cella occupa la larghezza di due colonne.

Per utilizzare tutte e tre le celle nella parte superiore della tabella, aumentare il valore di colspan su 3 poiché ci sono tre colonne. Aumentando il valore a 3 si ottiene una tabella simile all'esempio mostrato di seguito.

Nota: assicurarsi che quando si espande a colonna che rimuovi eventuali rimanenti etichetta. Nell'esempio sopra, poiché utilizziamo tutte e tre le colonne, ne abbiamo una sola nel (riga della tabella).

Unione di celle mediante un editor WYSIWYG

Puoi anche utilizzare l'editor WYSIWYG per unire le celle. In genere ciò viene fatto evidenziando due o più celle, facendo clic con il pulsante destro del mouse sulle celle e scegliendo l'opzione per unire le celle. Di seguito sono riportati ulteriori passaggi su come eseguire questa operazione in Dreamweaver ed Expression Web.

Unione di celle con Dreamweaver

  1. Evidenzia due o più celle nella tabella.
  2. Fare clic con il tasto destro sulle celle evidenziate.
  3. Fai clic su Tabella e quindi Unisci celle .

o

  1. Evidenzia due o più celle nella tabella.
  2. Premi la scorciatoia da tastiera Alt + Ctrl + M.

Unire le celle usando Expression Web

  1. Evidenzia due o più celle nella tabella.
  2. Fare clic con il tasto destro sulle celle evidenziate.
  3. Fare clic su Modifica e quindi Unisci celle .