DIV -Tags sind die primäre Methode, um Cascading Style Sheets (CSS ) in Ihren HTML-Code. Vor CSS , Web-Entwickler verwendet klobig Frames und komplexe Tabellen , um das Layout ihrer Website zu organisieren. Dies war nicht nur umständlich, aber es hat verwirrend und schwer zu bearbeiten Code in seinem Gefolge. DIV-Tags im Wesentlichen einen Code-Block (wie Textfelder in einem Seitenlayout ) . Der Aufstieg der CSS erlaubt hat Entwickler leichter organisieren Informationen innerhalb ihrer Website. DIV-Tags sind die Brücke zwischen CSS und HTML, CSS Code bringen , dass in den eigentlichen Seiten. Things You
Suchen Sie den Speicherort im Code , wo Sie Ihre DIV-Tag einfügen möchten . Dies ist in der Regel innerhalb des Körpers des Codes. Geben Sie den folgenden in diesem Ort :
Definieren Sie die Klasse (optional ; zur Verwendung mit vordefinierten CSS-Stile ) durch Eingabe des folgenden hinter die erste " div ", wobei "X" der Name der Klasse lautet: .
definieren die Identität (optional ; muss eindeutig sein , um diesem besonderen dIV) durch Eingabe des folgenden hinter dem ersten " div , " wobei" X " ist die einzigartige ID:
.
Legen Sie die Text-Richtung (optional) durch Eingabe des folgenden hinter dem ersten " div ", wobei "X" entweder " rtl " ( von rechts nach links) oder " sein kann ltr " ( von links nach rechts):
< ;/div> .
5
Sprache einstellen ( optional) , indem Sie den folgenden hinter dem ersten " div ", wobei "X" ist die spezifische Sprach-Code (zB "en " für Englisch oder "es" für Spanisch):
lang = "X"
Es wird wie folgt aussehen:
; .
6
Stellen Sie die Sprache XHTML (optional , nur für XHTML-Dokumente ) , indem Sie den folgenden hinter dem ersten " div ", wobei "X" ist die spezifische Sprach-Code (zB "en" für Englisch oder "es" für Spanisch):
xml: lang = "X"
wie folgt aussehen wird :
7
Geben Sie einen Titel (optional ; für zusätzliche Beschreibung des dIV) durch Eingabe des folgenden hinter dem ersten " div ", wobei" X " eine kurz ist Titel für diese dIV :
title = "X"
Es wird wie folgt aussehen:
.
8
bewerben jede CSS-Attribute direkt an den dIV (optional) , indem Sie den folgenden hinter dem ersten " div ", wobei "X" ist eine Reihe von CSS -Codes , die jeweils gefolgt von einem Semikolon und einem Raum :
style = "X"
wie folgt aussehen wird :
.
definieren die Ereignisse
9
Stellen Sie die Veranstaltung für Mausklicks (optional) , indem Sie einen der folgenden Schritte hinter dem ersten " div , " wobei" X " ist das Skript " onclick " ist ein Klick , " ondblclick "ist ein Doppelklick, " onmousedown " ist eine Maustaste drücken und " onmouseup "ist ein Maustaste loslassen :
onclick = "X"
ondblclick = "X"
onmousedown = "X"
onmouseup = "X"
wie folgt aussehen wird :
10
Stellen Sie die Veranstaltung für Maus -Rollover-Effekte (optional) , indem Sie einen der folgenden Schritte hinter dem ersten " div ", wobei "X" ist das Skript " onmouseover " ist , wenn die Maus geht auf das dIV und " onmouseout " ist , wenn die Maus verlässt den dIV :
onmouseover = " X "
< p> onmouseout = "X"
wie folgt aussehen wird :
11
Stellen Sie das Ereignis für Tastatur Klicks (optional) , indem Sie einen der folgenden Schritte hinter dem ersten " div ", wobei "X" ist das Skript " onkeydown " ist, wenn eine Taste gedrückt wird , " onkeyup " ist, wenn eine Taste losgelassen wird , und " onkeypress " ist, wenn eine Taste gedrückt wird und dann freigegeben :
onkeydown = "X"
onkeyup = "X"
onkeypress = "X"
Es wird wie folgt aussehen:
oder
.
