Regole HTML sulla Tabella spaziatura

April 8

Regole HTML sulla Tabella spaziatura


Utilizzando HTML, è possibile creare tabelle delle pagine web e controllare le dimensioni delle singole celle. tag HTML specifici determinano la spaziatura intorno alle cellule, e si possono usare per mettere lo spazio intorno ai tavoli pure. Ulteriori tag che specificano i confini imbottitura cellulare e posto intorno al tavolo influenzano anche la spaziatura tavolo. Utilizzando queste diverse funzioni HTML, è possibile inserire gli elementi della pagina Web dove si desidera e aggiungere spazio intorno a loro, se necessario.

Le tabelle HTML

tabelle HTML sono costituite da indicazioni poste tra il tag di apertura e di chiusura della tabella, <table> e </ table>. È possibile specificare gli attributi di una tabella, comprese le frontiere, la spaziatura delle cellule e imbottiture delle cellule, aggiungendoli dopo la parola "tavolo" all'interno del primo tag. Gli attributi si applicano sempre a tutto il tavolo, ma si può far sembrare come se le cellule hanno diversi attributi di tavolini impilabili, o l'immissione tabelle all'interno delle cellule. Dopo aver sviluppato la struttura della tabella, è possibile aggiungere contenuti all'interno delle cellule, e regolare la spaziatura per rendere il contenuto apparire secondo il vostro disegno.

frontiere

Una pianura tag <table> include un valore di default dando un bordo di zero pixel intorno al tavolo e tra le cellule. Ciò significa che la tabella visualizza senza bordo e senza linee della griglia. Quando si imposta l'attributo border a 1, come in <table border = 1>, la tabella mostra un pixel di confine e la griglia. Per valori maggiori di uno, il bordo intorno alla tabella interi aumenta in larghezza per il pixel-valore specificato per il bordo. Le linee della griglia rimangono in posizione, ma lo spazio tra le celle non cambia.

Spaziatura celle

Per default, tabelle hanno una spaziatura cella 1. Ciò significa che vi è uno spazio di 1 pixel tra il bordo di una cella e il bordo di celle adiacenti. Contenuto tocca il bordo della cella, ma non comunicanti contenuto. È possibile specificare altri valori per la spaziatura delle cellule includendo valori nella tabella di tag, come <table cellspacing = 0> o <table cellspacing = 5>. Per la spaziatura pari a zero, caratteristiche come sfondi colorati nelle celle della tabella appaiono senza lacune, mentre distanze di 5 o più lasciare che ogni display cella come unità separata in modo chiaro.

Margine celle

Cellulare padding si riferisce allo spazio tra il contenuto della cella e il bordo della cella. Il valore predefinito è 1, facendo riferimento ad un pixel. È inoltre possibile specificare imbottitura cella in termini di percentuale, come in <table cellpadding = 20%>. In questo caso, padding cellulare totale è 20 percento delle dimensioni della cella, con il 10 per cento su ogni bordo. CELLPADDING è l'approccio migliore per uniforme spaziatura contenuti.

tabelle nidificate

A volte una pagina Web richiede diversi trattamenti per le diverse aree. Si consiglia di tenere aggiornati i contenuti vicini in un menu sul lato sinistro della pagina, ma lo spazio è ampiamente sul lato destro. In tali casi, una buona soluzione è quella di utilizzare una tabella generale con un fianco e una cellula di destra, ciascuno contenente un tavolo. La tabella di sinistra ha poca distanza, mentre la tabella di destra ha valori di spaziatura di grandi dimensioni. È possibile regolare la spaziatura del tavolo generale per posizionare correttamente le altre due tabelle con la spaziatura desiderata tra di loro.


Articoli Correlati