HTML è il linguaggio sottostante utilizzato per la progettazione di pagine Web. Codice HTML contiene un numero di elementi utilizzati per la creazione di sub-divisioni nelle pagine Web. Alcuni di questi elementi HTML includono: DIV tag, tag span, strati e tabelle. Tag DIV vengono spesso utilizzati fogli di stile CSS e sono popolari con i Web Designer per la loro flessibilità, la facilità d'uso e formattazione. Utilizzando il tag DIV è possibile creare vari sottosettori o scatolari per tenere e formattare il contenuto. Definizione di un tag DIV è semplice e richiede < DIV > di apertura e chiusura < / DIV > Tag.

Istruzioni

1

Aprire il blocco note. Digitare o copiare e incollare il codice seguente:

< html >

< title > My DIV caselle < / title >

< style type = "text/css" >

<!...

box1 {

height: 300px;

width: 300px;

background-color: #003366;

}

box2 {

background-color: #FF0000;

height: 300px;

width: 300px;

}

box2 {

float: right;

}

-->

< / stile >

< / head >

< corpo >

< div id = "box1" > questo è il box 1 e il suo blu < / div >

< div id = "box2" > si tratta di casella 2 e il suo colore rosso < / div >

< / body >

< / html >

Il codice precedente definisce due caselle di DIV nella pagina Web utilizzando l'open < div > e la chiusura < / div > Tag. Uno si chiama: box1 e l'altro è chiamato: box2. Il codice quindi utilizza CSS per definire i relativi attributi quali colore di sfondo, posizioni, larghezza e altezza.

2

Fare clic su "File" "Salva con nome". Selezionare "All files" in "Salva come tipo".

3

Salvare il file come file HTML inserendo ". html" alla fine del nome del file. Ad esempio: MyBoxDivs.html.

4

Vai a cui è stato salvato la pagina Web sul disco rigido. Fare doppio clic su di esso. Si aprirà nel browser. Si dovrebbe vedere due DIV caselle, uno rosso e l'altra blu.