tag DIV hanno una gamma più ampia di funzioni rispetto alle comuni tag HTML . Si crea un sito web versatile quando si utilizza questo tipo di strumento . Tabelle HTML regolari sono difficili da progettare e non sono così flessibili . Tag DIV sono parte del documento HTML complessiva . È possibile aggiungere questi tag ogni volta che è necessario inserire colonne all'interno della vostra pagina web. Dopo aver ottenuto il colore di sfondo o texture scritto nel documento , potrete inserire i tag DIV per fare le colonne . Istruzioni
1
Aggiungi il codice " < div style = ' " per ogni linea separata delle colonne . Questo spiega lo scopo del codice iniziale .
2
Inserire l'altezza, la larghezza e il bordo pixel . Il codice verrà visualizzato quanto " < div style = 'Altezza : 550px ; width: 220px ; border : 3px " . Se non si desidera un bordo intorno alla vostra colonna , impostare il pixel confine a zero
3
Impostare il colore del bordo. È possibile utilizzare gli stessi o differenti colori . Usare " solido " o "Double" per il tipo di bordo . Il tuo codice sarà ora simile a " < div style = ' height: 550px ; width: 220px ; border : 3px solido nero ; "
4
Aggiungi l'allineamento . Il comando " float " consente ulteriori colonne di allineare accanto alla prima colonna . Inserire " float: (direzione )," per il tag DIV allineamento. Il codice fino a questo punto è " < div style = ' height: 550px ; width: 220px ; border : 3px nero solido ; float: left; "
5
Fine del tag DIV . Chiudere il codice con "' > ", quindi arrestare con < /div > . Ad esempio , l'intero codice è in questo formato "
< /div > " .
< Br > 6
Aggiungi un'altra colonna accanto alla prima con un altro tag DIV . Ad esempio , se si desidera quattro colonne di una riga , questo sarebbe il codice :
< /div >
< /div > < div style = ' height: 550px ; width: 220px ; border : 3px solido blu ; float: left; ' > < /div> style='height: 550px; width: 220px; border: 3px solido red; float: left;'> < /div >