DIV tags er den primære metode til at bringe cascading style sheets (CSS) i din HTML-kode. Forud for CSS, webudviklere brugte klodset rammer og komplekse tabeller til at organisere layoutet af deres websted. Ikke blot var denne besværlige, men det efterlod forvirrende og svære at redigere kode i sit kølvand. DIV tags væsentlige skabe en blok af kode (ligesom tekstbokse i et sidelayout) . Fremkomsten af CSS har tilladt udviklere til lettere at organisere information inden for deres site. DIV tags er broen mellem CSS og HTML, bringe denne CSS kode ind i de faktiske sider . Ting du skal
prewritten HTML-kode
Vis Flere Instruktioner
Definition af attributter
1
Find det sted i din kode, hvor du vil indsætte dit DIV tag . Dette er normalt i selve koden . Skrive følgende ind i denne placering : Hej
2
Definer klassen (valgfri; til brug med foruddefinerede CSS ) ved at skrive følgende bag den første " div ", hvor "X" er navnet på din klasse : .
class = "X "
det vil se sådan ud : Hej
3
Definer identitet (valgfri; skal være unik for denne særlige dIV ) ved at skrive følgende bag den første " div , ", hvor " X " er den unikke ID : Hej
id = X
det vil se sådan ud : Hej
.
4
indstille teksten retning ( valgfrit) ved at skrive følgende bag den første " div ", hvor "X " kan være enten " rtl " ( højre -til- venstre) eller " ltr "( venstre -til- højre) : Hej
dir = " X '
Det vil se sådan ud : Hej
< ;/div> .
5.
Indstil sprog ( valgfrit) ved at skrive følgende bag den første " div ", hvor "X" er den specifikke sprogkode (fx " da" for engelsk eller " es " for spansk) : Hej
lang = "X "
Det vil se sådan ud : Hej
; .
6
Indstil XHTML sprog (valgfrit , kun for XHTML -dokumenter) ved at skrive følgende bag den første " div ", hvor "X" er den specifikke sprogkode (fx " da" for engelsk eller " es " for spansk) : Hej
xml : lang = "X "
Det vil se sådan ud : Hej
< /div>
7
Angiv en titel (valgfri; for ekstra beskrivelse af dIV ) ved at skrive følgende bag den første " div ", hvor " X " er en kort titel for at dIV : Hej
title = "X "
Det vil se sådan ud : Hej
.
8
Anvend helst CSS tilskriver direkte til dIV ( valgfrit) ved at skrive følgende bag den første " div ", hvor "X" er en serie af CSS -koder , hver efterfulgt af et semikolon og et plads:
style = "X "
Det vil se sådan ud : Hej
< /div> .
Definition af begivenheder
9
Indstil begivenhed for museklik (valgfrit) ved at skrive en af følgende bag den første " div ", hvor " X "er dit script , " onclick "er et enkelt klik, " ondblclick "er et dobbeltklik , " onmousedown "er en museknap pressen og " onmouseup "er en museknap release : Hej
onclick = "X "
ondblclick = "X "
onmousedown = "X "
onmouseup = "X "
Det vil se sådan ud:
10
Indstil begivenhed for mus rollover effekter (valgfrit) ved at skrive en af følgende bag den første " div ", hvor "X " er dit script , " onmouseover " er når musen går ind på dIV og " onmouseout " er, når musen forlader dIV : Hej
onmouseover = "X"
< p> onmouseout = "X "
Det vil se sådan ud : Hej
11
Indstil begivenhed for keyboard klik (valgfrit) ved at skrive en af følgende bag den første " div ", hvor "X " er dit script , " onkeydown " er, når en tast , " onkeyup " er, når en tast slippes, og " onkeypress " er, når en tast , og derefter løsladt : Hej
onkeydown = "X "
onkeyup = "X "
onkeypress = "X "
Det vil se sådan ud : Hej
eller
eller
.