Nwlapcug.com


Come fare colonne in diverse misure in HTML

Come fare colonne in diverse misure in HTML


Organizzare il contenuto di un sito Web in righe e colonne è uno dei maggiori punti di forza di HTML come un linguaggio di codifica. Con solo una piccola quantità di codice, è possibile creare colonne visibili o invisibili e righe formattare i contenuti del tuo sito in qualsiasi configurazione immaginabile, senza fare affidamento sui telai o altre soluzioni che possono causare problemi per i visitatori.

Istruzioni

1

Aprire il documento HTML che si desidera aggiungere colonne nel vostro word processor.

2

Creare una tabella nel punto in cui si desidera aggiungere le colonne con l'aggiunta di tag di tabella, quale aspetto come questo: < tabella >< / tabella >. Se si desidera che i bordi intorno alle colonne per essere visibile, è possibile aggiungere uno spazio e il confine di codice = "1" per l'apertura tavolo tag tra la tabella di word e la parentesi di chiusura, facendolo apparire come questo: < tavolo border = "1" >< / tabella >. Tutto il resto del codice che è aggiungere per creare le colonne andrà tra questi tag.

3

Aggiungere tag di tabella dati per ogni colonna che si desidera creare. I tag di tabella dati 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 tabella dati per quella colonna. Ad esempio, se si desidera creare due colonne, una contenente il testo "colonna 1" e l'altra "colonna 2", il codice sarebbe simile a questa: < tavolo border = "1" >< colonna td > < /td >< td > 1 colonna 2 < /td >< / tabella >.

4

Aggiungere attributi di dimensione a ogni apertura tag di dati per definire le dimensioni della colonna della tabella. A tale scopo, aggiungere uno spazio e l'altezza di codice = "" width = "" al tag, tra il td e la parentesi di chiusura. Quindi aggiungere numeri, in pixel, tra ogni coppia di virgolette per definire l'altezza e la larghezza della colonna. Tutte le colonne nella stessa riga verranno ridimensionate per essere alla stessa altezza di quella più alta, ma è possibile regolare la larghezza di ciascuna singolarmente.

5

Aggiungere qualsiasi contenuto si desidera che ogni colonna contenga. Se si inserisce qualsiasi contenuto troppo vasta per la larghezza è impostato per la colonna, verrà automaticamente ridimensionato per essere sufficientemente ampia per contenerlo e se si inserisce troppo contenuto che nella colonna presso la dimensione complessiva che è impostato, verrà ridimensionato automaticamente per essere alto abbastanza per contenere tutto.