Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako napísať DIV tagy

DIV tagy sú primárne metóda prináša kaskádových štýlov ( CSS ) do HTML kódu . Pred CSS , Weboví vývojári použiť neohrabaný rámy a zložitých tabuliek usporiadať rozvrhnutie svojich stránkach . Nielen , že to bolo ťažkopádne , ale odišiel mätúce a ťažko upravovať kód v jeho brázde . DIV tagy v podstate vytvoriť blok kódu ( ako textové polia v rozloženia stránky ) . Vzostup CSS umožnila vývojárom ľahšie usporiadať informácie v rámci svojich stránkach . DIV tagy sú mostom medzi CSS a HTML , prináša tento kód CSS do skutočných stránok . Veci , ktoré budete potrebovať
prewritten HTML kódu
Zobraziť ďalšie inštrukcie
Definovanie atribútov
1

nájsť miesto vo svojom kóde , kde chcete vložiť DIV tag . To je zvyčajne v tele kódu. Zadajte nasledujúci príkaz do tohto umiestnenia :

< /div >
2

Definujte triedu ( voliteľný , pre použitie preddefinovaných štýlov CSS ) zadaním nasledujúceho za prvý " div " , kde " X " je názov vašej triedy : .

class = " X "

bude vyzerať takto :

< div . class = " yourclassname " > < /div >
3

definovať identitu ( voliteľný ; musí byť jedinečné pre túto konkrétnu dIV ) zadaním nasledujúceho za prvý " div , " kde " X " je unikátny ID :

id = X

bude vyzerať takto :

< /div > .
4

Nastavte smer textu ( voliteľné ) zadaním nasledujúceho za prvý " div " , kde " X " môže byť buď " rtl " ( sprava doľava ) alebo " l " ( zľava doprava ) :

dir = " X "

bude vyzerať takto :

< ;/div > .
5

Nastavenie jazyka ( voliteľný ) zadaním nasledujúceho za prvý " div " , kde " X " je špecifický kód jazyka ( napr. " en " pre angličtinu alebo " es " pre španielsky ) :

lang = " X "

to bude vyzerať takto :

< /div > ; .
6

Nastavte jazyk XHTML ( voliteľný ; iba pre XHTML dokumenty ) zadaním nasledujúceho za prvý " div " , kde " X " je špecifický kód jazyka ( napríklad " en " v angličtine alebo " y " pre španielsky ) :

xml : lang = " X "

to bude vyzerať , ako toto :

< div xml : lang = " en " . > < /div >
7

Zadajte názov ( nepovinné , pre väčšie popisu dIV ) zadaním nasledujúceho za prvý " div " , kde " X " je krátka Názov pre tento dIV :

title = " X "

to bude vyzerať takto :

< /div > .
8

Použiť niektorý CSS atribúty priamo do dIV ( voliteľné) zadaním nasledujúceho za prvý " div " , kde " X " je séria CSS kódov , každý nasledovaný bodkočiarkou a priestor :

style = " X "

to bude vyzerať , ako toto :

< div style = " text - align : vpravo ; background- color : white ; " > < /div > .
Definovanie udalosti
9

Nastavte akciu pre kliknutia myšou ( voliteľné ) zadaním jednej z nasledujúcich za sebou prvý " div , " kde " X " je skript , " onclick " je jedno kliknutie , " OnDblClick " je dvojklik , " onmousedown " je myš stlačte tlačidlo a " OnMouseUp " je myš uvoľňovacie tlačidlo :

onclick = " X "

OnDblClick = " X "

onmousedown = " X "

OnMouseUp = " X "

to bude vyzerať takto :

< /div >
10

Nastavte akciu pre myši pri nabehnutí účinky ( voliteľné ) zadaním jednej z nasledujúcich za sebou prvý " div " , kde " X " je skript , " onmouseover " je , keď sa myš prejde na dIV a " onmouseout " je , keď myš opustí dIV :

onmouseover = " X "

onmouseout = " X "

to bude vyzerať takto :

< /div >
11

Nastavte akciu pre klávesové kliknutie ( voliteľné ) zadaním jednej z nasledujúcich za sebou prvý " div " , kde " X " je skript , " onkeydown " je , keď je stlačené tlačidlo , " onkeyup " je , keď je klávesa uvoľnená , a " onkeypress " je , keď je stlačené tlačidlo a potom prepustený :

onkeydown = " X "

onkeyup = " X "

onkeypress = " X "

bude vyzerať takto :

Najnovšie články