HTML Hypertext Markup Language (), il linguaggio utilizzato per lo sviluppo di siti web su Internet, contiene un numero di elementi HTML e tag che forniscono gli autori Web i mezzi per deporre le loro pagine Web in un certo numero di modi diversi. Questi elementi possono essere utilizzati per dividere una pagina Web, come pure il formato contenuto all'interno di una pagina Web. Tra questi elementi sono un tag DIV. Tag DIV vengono utilizzati per creare divisioni all'interno di una pagina Web e sono spesso utilizzati in combinazione con Cascading Style Sheets (CSS). Tag DIV anche forniscono la flessibilità necessaria per inserirli all'interno di uno altro.

Istruzioni

1

Aprire Blocco note o il vostro editor di testo preferito.

2

Digitare o copiare e incollare il codice seguente:

< html >

< corpo >

< style type = "text/css" >

contenitore () {

background-color: #000066;

height: 500px;

width: 500px;

}

contenitore #insidecontainerdiv () {

colore di sfondo: #ffffff;

height: 300px;

width: 300px;

}

contenitore #insidecontainerdiv () {

margin: 50px 10px 10px 100px;

}

< / stile >

< div id = "container" >

< div id = "insidecontainerdiv" >< / div >

< / div >

< / body >

< / html >

Il codice definisce un DIV con ID: contenitore e un altro DIV all'interno di esso chiamato insidecontainerdiv. Il codice quindi utilizza CSS per definire i loro attributi, come colore di sfondo, altezza, larghezza e i margini.

3

Fare clic su "File" e poi "Salva come". Selezionare "All files" in "Salva come tipo".

4

Salvare il file come file HTML inserendo. HTML alla fine del nome del file, ad esempio, mycontainerDIV.html.

5

Individuare la pagina Web salvata sul disco rigido e fare doppio clic su di esso. Si dovrebbe aprire nel browser Web. Si dovrebbe vedere una scatola quadrata blu con una scatola bianca più piccola all'interno di esso.