Hvordan sette opp en DIV Innenfor en DIV

December 15

Hypertext Markup Language (HTML), språket som brukes for å utvikle nettsteder på Internett, inneholder en rekke HTML-elementer og koder som gir webforfattere midler til å legge ut sine websider i en rekke forskjellige måter. Disse elementene kan brukes til å dele en webside, samt format innhold i en webside. Et slikt element er en DIV tag. DIV kodene brukes til å opprette avdelinger innen en webside og er ofte brukt i forbindelse med Cascading Style Sheets (CSS). DIV-koder også gi deg fleksibilitet til å innlemme dem i hverandre.

Bruksanvisning

1 Åpne Notisblokk eller din favoritt tekstredigeringsprogram.

2 Skriv eller kopier og lim inn følgende kode:

<Html>

<Body>

container {

background-color: #000066;

height: 500px;

width: 500px;

}

container #insidecontainerdiv {

background-color: # ffffff;

height: 300px;

width: 300px;

}

container #insidecontainerdiv {

margin: 50px 10px 10px 100px;

}

</ Style>

</ Div>

</ Body>

</ Html>

Koden definerer en DIV med ID: container og en annen DIV innenfor det som kalles insidecontainerdiv. Koden bruker deretter CSS til å definere sine attributter, for eksempel bakgrunnsfarge, høyde, bredde og marginer.

3 Klikk "Fil" og deretter "Lagre som". Velg "Alle filer" som "Lagre som type."

4 Lagre filen som en HTML-fil ved å plassere HTML på slutten av filnavnet, for eksempel mycontainerDIV.html.

5 Finn din lagret Web-side på harddisken, og dobbeltklikk på den. Det bør åpne opp i nettleseren. Du skal se en blå firkantet boks med en mindre hvit boks i den.