Come rendere le colonne in diverse dimensioni in HTML

September 7

Come rendere le colonne in diverse dimensioni in HTML


Organizzazione del contenuto di un sito web in righe e colonne è uno dei più grandi punti di forza di HTML come un linguaggio di programmazione. Con solo una piccola quantità di codice, è possibile creare colonne e righe visibili o invisibili per formattare i contenuti del tuo sito in quasi ogni configurazione immaginabile, senza fare affidamento su telai o altre soluzioni che possono causare problemi per i visitatori.

istruzione

1 Aprire il documento HTML che si desidera aggiungere colonne in un word processor.

2 Creare una tabella nel punto che si desidera aggiungere le colonne con l'aggiunta di tag table, che assomigliano a questo: <table> </ table>. Se si desidera che i bordi intorno alle colonne siano visibili, è possibile aggiungere uno spazio e il codice border = "1" al tag tabella di apertura tra la tabella di parole e la parentesi di chiusura, facendolo apparire come questo: <table border = "1"> </ table>. Tutto il resto del codice si aggiunge per creare le colonne andrà tra questi tag.

3 Aggiungere tag di dati tabella per ogni colonna che si desidera creare. I tag di dati tabella per una singola colonna simile a questa: <td> </ td>. Tutto il contenuto che si desidera inserire all'interno di ogni colonna andrà tra i tag di dati tabella per quella colonna. Ad esempio, se si desidera creare due colonne, una contenente il testo "colonna 1" e l'altro "colonna 2," il codice sarebbe simile a questa: <table border = "1"> <td> colonna 1 </ td > <td> colonna 2 </ td> </ table>.

4 Aggiungere dimensioni attribuisce a ogni tag dati della tabella di apertura per definire la dimensione di quella colonna. Per fare ciò, aggiungere uno spazio e l'altezza codice = "" width = "" al tag, tra il TD e la parentesi di chiusura. Poi aggiungere numeri, in pixel, tra ogni gruppo di virgolette per definire l'altezza e la larghezza della colonna. Tutte le colonne nella stessa riga verranno ridimensionate a essere la stessa altezza come il più alto, ma è possibile regolare la larghezza di ciascuna singolarmente.

5 Aggiungere qualsiasi contenuto che si desidera ciascuna colonna contenga. Se si inserisce qualsiasi contenuto troppo grandi per la larghezza impostata per la colonna, si ridimensiona automaticamente per essere sufficientemente ampia da contenere, e se si inserisce troppo contenuto per essere contenuto nella colonna alla dimensione complessiva impostato, lo farà ridimensionare automaticamente di essere abbastanza alto per contenere tutto.