Utilizzando HTML, potete creare tabelle della pagina Web e controllare le dimensioni delle singole celle. Tag HTML specifici determinano la spaziatura intorno alle cellule, ed è possibile utilizzarli per mettere lo spazio intorno ai tavoli anche. Altri tag che specificano la spaziatura celle e definire i bordi intorno al tavolo anche influenzare spaziatura tabella. Utilizzando queste diverse funzioni HTML, è possibile inserire elementi della pagina Web dove li vuoi e aggiungere lo spazio intorno a loro, se necessario.

Tabelle HTML

Tabelle HTML costituiti da istruzioni inserite tra l'apertura e la chiusura tabella tag, < table > e < / tabella >. È possibile specificare gli attributi di una tabella, inclusi i bordi, spaziatura tra celle e spaziatura celle, aggiungendoli dopo la parola "table" all'interno del primo tag. Gli attributi vengono sempre applicati all'intera tabella, ma si può far sembrare come se le cellule hanno attributi diversi Tavolini impilabili, o inserire tabelle all'interno delle cellule. Dopo aver sviluppato la struttura della tabella, si può aggiungere il contenuto all'interno delle cellule e regolare la spaziatura per visualizzare il contenuto secondo il vostro disegno.

Bordi

Un tag di pianura < table > include un valore predefinito dando un bordo di zero pixel intorno al tavolo e tra le cellule. Questo significa che la tabella viene visualizzato senza un bordo e senza linee della griglia. Quando si imposta l'attributo border a 1, come in < tavolo border = 1 >, la tabella Visualizza un bordo di un pixel e linee della griglia. Per valori superiori a uno, il bordo intorno all'intera tabella aumenta in larghezza per il valore del pixel specificato per il bordo. Le linee della griglia restano in vigore, ma non cambia lo spazio tra le celle.

Spaziatura tra celle

Per impostazione predefinita, i tavoli hanno una spaziatura tra celle di 1. Questo significa che c'è uno spazio di 1 pixel tra il bordo di una cella e il bordo delle cellule vicine. Contenuto tocca il bordo della cella ma non comunicanti contenuto. È possibile specificare altri valori per spaziatura tra celle includendo i valori nel tag di tabella, come < table cellspacing = 0 > o < table cellspacing = 5 >. Per zero spaziatura, caratteristiche come sfondi nelle celle della tabella colorati appaiono senza lacune, mentre le distanze di 5 o più lasciare che ogni cella visualizzare come unità chiaramente separata.

Spaziatura interna

Spaziatura interna si riferisce allo spazio tra il contenuto della cella e il bordo della cella. Il valore predefinito è 1, riferendosi a un pixel. È inoltre possibile specificare la spaziatura interna in termini di percentuale, come in < tabella cellpadding = 20% >. In questo caso, spaziatura interna totale è 20 per cento delle dimensioni della cella, con il 10 per cento su ogni bordo. Cellpadding è l'approccio migliore per il contenuto di spaziatura in modo uniforme.

Tabelle nidificate

A volte una pagina Web richiederà diversi trattamenti per le diverse aree. Si consiglia di mantenere contenuto vicino insieme in un menu sul lato sinistro della pagina, ma lo spazio ampiamente sul lato destro. In tali casi, una buona soluzione consiste nell'utilizzare una tabella globale con una sinistra e una cella a destra, ciascuno dei quali contiene una tabella. La tabella a sinistra ha piccola spaziatura mentre la tabella di destra ha i valori di spaziatura grande. È possibile regolare la spaziatura della tabella generale per posizionare correttamente le due tabelle con la spaziatura desiderata tra di loro.