Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

Come aumentare il riempimento tra le colonne in HTML

Ci sono tre modi per aumentare lo spazio tra le colonne di una tabella scritta nel linguaggio di programmazione HTML , che è alla base del web. È possibile utilizzare l'attributo " cellspacing " della tabella di aumentare lo spazio tra le celle della tabella , è possibile utilizzare l' attributo " cellpadding " per aggiungere padding dentro tutte le cellule , oppure è possibile utilizzare l'attributo " larghezza " di una singola cella di ampliare esso . Istruzioni
1

Trova il tag di apertura . In HTML , i dati della tabella è sempre preceduto da un tag

e seguiti da una chiusura < /table > tag . I parametri in questo tag impostano gli attributi generali per l' intera tabella , per esempio , l' esistenza di un bordo , i colori o le dimensioni della tabella nella pagina . Per riferimento , ecco cosa molto semplice tabella HTML assomiglia :

< table crea una tabella con un bordo di un pixel attorno ad esso , che contiene due righe ( due

... < /tr> sezioni) di due colonne ciascuno ( i quattro
... < /td > sezioni ;). Le cellule contengono i numeri da 1 a 4. È possibile verificare questo , insieme a qualsiasi altro codice HTML , copiando e incollandolo nella Test Bed HTML ( vedi Risorse ) e facendo clic su "Visualizza ".
2

Aggiungi un " cellspacing " e " cellpadding " attributo al tag

. " Spazio tra le celle ", aggiunge lo spazio vuoto al tavolo tra ogni cella , " cellpadding " espande ogni cella per contenere lo spazio vuoto intorno al suo contenuto. Ad esempio , se il tag precedente recitava:


modificarla in :

< table border = " 1 " cellspacing = "X " >

o


dove X è la dimensione dello spazio aggiunto , in pixel . È inoltre possibile combinare la spaziatura e la spaziatura - basta metterli entrambi in là , con uno spazio che li separa, proprio come uno spazio separa gli attributi aggiunti sopra dall'attributo "confine"
3

Modificare la larghezza di una singola cella della tabella - l'aggiunta di spazio tra esso e le colonne che lo circondano , ma in nessun'altra parte del tavolo - con l'aggiunta di un attributo al tag di quella cella . Questo sarà un tag

come questo:

XYZ < /td >

dove " XYZ" è il contenuto della cella . Aggiungere un attributo " width" al tag

. La larghezza può essere espressa sia come pixel :

XYZ < /td >

o come percentuale della finestra del browser :

XYZ < /td >

Nel secondo esempio , la larghezza della cella è sempre esattamente il 20 % della larghezza della finestra del browser , non importa quale sia il risoluzione dello schermo dell'utente è o come lui è di dimensioni sua finestra . Questo è spesso un modo più affidabile e compatibile per esprimere larghezza - assicura che la tabella non diventerà illeggibile in determinate condizioni . In qualsiasi modo lo si fa , è possibile impostare la larghezza di tutte le celle che si desidera. Aggiungere un attributo " width " al tag

di ogni cella di una colonna di ampliare in modo efficace quella colonna .

 

Programmazione © www.354353.com