DIV -tags zijn de primaire methode om cascading style sheets ( CSS ) in uw HTML -code . Voorafgaand aan CSS , webontwikkelaars gebruikt onhandig frames en complexe tabellen om de layout van hun site te organiseren . Niet alleen was dit omslachtig , maar het liet verwarrend en moeilijk te bewerken code in zijn kielzog . DIV -tags wezen creëren een blok code ( zoals tekstvakken in een pagina-indeling ) . De opkomst van CSS heeft toegestaan ontwikkelaars om gemakkelijker informatie te organiseren binnen hun site . DIV tags zijn de brug tussen CSS en HTML , om dat CSS- code in de pagina's . Wat je nodig hebt
Vooraf geschreven HTML code
Toon Meer Aanwijzingen
definiëren de attributen
1 Vind de locatie in uw code waar u wilt uw DIV -tag invoegen . Dit is meestal binnen het lichaam van de code . Typ het volgende in die locatie :
< /div > 2 Definieer de klas ( optioneel, voor gebruik met vooraf gedefinieerde CSS-stijlen ) door achter het volgende te typen de eerste " div ", waarbij " X " is de naam van je klas : . class
= " X "
het zal er zo uitzien:
< div . class = " yourclassname " > < /div >
3 de identiteit ( optioneel, moet uniek zijn voor dit bijzondere dIV zijn) begrenzen het volgende te typen achter de eerste " div , " waar " X " is de unieke ID : id
= X
het zal er zo uitzien:
< /div > . 4 Stel de tekstrichting ( optioneel ) door achter de eerste het volgende te typen " div ", waarbij " X " kan zowel " rtl " ( rechts - naar - links) of " ltr " ( van links naar rechts ) :
dir = " X "
Het zal er zo uitzien:
< ;/div > . 5 Stel de taal ( optioneel ) door achter de eerste het volgende te typen " div ", waarbij " X " is de specifieke taalcode (bijvoorbeeld , " en" voor Engels of " es " voor Spaans ) : lang = " X "
Het zal er zo uitzien:
< /div > ; . 6 Stel de XHTML taal ( optioneel, alleen voor XHTML documenten ) door achter de eerste het volgende te typen " div ", waarbij " X " is de specifieke taalcode (bijvoorbeeld " nl" voor Engels of " es " voor Spaans ) : xml
: lang = " X "
Het zal er zo uitzien:
< div xml : lang = " nl " . > < /div >
7 Geef een titel ( optioneel, voor extra beschrijving van de dIV ) door achter de eerste het volgende te typen " div ", waarbij" X " is een korte titel voor die dIV : title
= " X "
Het zal er zo uitzien:
< /div > . 8 Breng elke CSS schrijft direct naar de dIV ( optioneel ) door achter de eerste het volgende te typen " div ", waarbij " X " is een serie van CSS- codes , elk gevolgd door een puntkomma en een ruimte : style
= " X "
Het zal er zo uitzien:
< div style = " text-align : right ; background-color : white ; " > < /div > .
definiëren van de Events
9 Stel het evenement voor muisklikken ( optioneel ) door achter de eerste " div typen van een van de volgende , " waarbij" X "is je script , " onclick "is een enkele klik , " ondblclick " is een dubbele klik , " onmousedown "is een muisknop drukt en " onmouseup " is een muisknop loslaten :
onclick = " X "
ondblclick = " X " onmousedown
= " X " onmouseup
= " X "
Het zal er zo uitzien: < /div > 10 Stel het evenement voor muis rollover effecten ( optioneel ) door achter de eerste typen van een van de volgende " div ", waarbij " X " is je script , " onmouseover ' is als de muis gaat naar de dIV en " onmouseout "is als de muis verlaat de dIV : onmouseover
= " X "
= " X "
Het zal er zo uitzien onmouseout : < /div > 11 Stel het evenement voor keyboard klikken ( optioneel ) door achter de eerste typen van een van de volgende " div ", waarbij " X " is je script , " onkeydown " is wanneer een toets wordt ingedrukt , " onkeyup " is wanneer een toets wordt losgelaten , en " onkeypress " is wanneer een toets wordt ingedrukt en vervolgens losgelaten : = " X "
onkeyup = " X " onkeypress
= " X "
onkeydown
Het zal er zo uitzien:
< /div > < /div > of < div onkeypress = " yourscript " > < /div > .
|
