Hvordan Design DIV Bokser
HTML er den underliggende språket som brukes for å designe websider. HTML inneholder en rekke elementer som brukes for å lage underavdelinger i websider. Noen av disse HTML-elementer inkluderer: tabeller, span koder, lag og DIV-koder. DIV-koder brukes ofte sammen med CSS stilark og er populære blant webdesignere for sin fleksibilitet, brukervennlighet og formatering. Ved hjelp av DIV-koder du kan lage forskjellige sub-divisjoner eller boksseksjoner for å holde og format innhold. Definere en DIV tag er enkel og krever åpning <div> og avsluttende </ div> tagger.
Bruksanvisning
1 Åpne Notisblokk. Skriv eller kopier og lim inn følgende kode:
<Html>
<Title> Mine DIV bokser </ title>
<Style type = "text / css">
<! -
box1 {
height: 300px;
width: 300px;
background-color: # 003366;
}
BOX2 {
background-color: #FF0000;
height: 300px;
width: 300px;
}
BOX2 {
float: right;
}
->
</ Style>
</ Head>
<Body>
<Div id = "box1"> Dette er boksen 1 og dens blå </ div>
<Div id = "BOX2"> Dette er boks 2 og sin røde </ div>
</ Body>
</ Html>
Den foregående kode definerer to DIV bokser på nettsiden ved hjelp av åpne <div> og den avsluttende </ div> tagger. Heter: box1 og den andre heter: BOX2. Koden bruker deretter CSS til å definere sine egenskaper slik som deres bakgrunnsfarge, posisjoner, bredde og høyde.
2 Klikk på "File", "Lagre som." Velg "Alle filer" som "Lagre som type."
3 Lagre filen som en HTML-fil ved å plassere ".html" på slutten av filnavnet. For eksempel: MyBoxDivs.html.
4 Gå til der du lagret websiden på harddisken. Dobbeltklikk på den. Det vil åpne i nettleseren din. Du skal se to DIV bokser, en rød og den andre blå.