Come impostare un DIV All'interno di un DIV

September 17

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

istruzione

1 Aprire Blocco note o il vostro editor di testo preferito.

2 Digitare o copiare e incollare il seguente codice:

<Html>

<Body>

<Style type = "text / css">

contenitore {

background-color: #000066;

altezza: 500px;

width: 500px;

}

contenitore #insidecontainerdiv {

background-color: #FFFFFF;

height: 300px;

width: 300px;

}

contenitore #insidecontainerdiv {

margin: 50px 10px 10px 100px;

}

</ Style>

<Div id = "container">

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

</ Div>

</ Body>

</ Html>

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

3 Fai clic su "File" e poi "Salva con nome". Seleziona "Tutti i file" come il "Salva come tipo."

4 Salvare il file come un file HTML mettendo .HTML alla fine del nome del file, per 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.


Articoli Correlati