January 27
tag DIV sono il metodo principale di portare i fogli di stile a cascata (CSS) nel codice HTML. Prima di CSS, sviluppatori Web utilizzati telai goffo e tabelle complesse per organizzare il layout del proprio sito. Non solo era questo ingombrante, ma ha lasciato il codice confuso e difficile da modificare nella sua scia. tag DIV creano essenzialmente un blocco di codice (come le caselle di testo in un layout di pagina). L'ascesa di CSS ha permesso agli sviluppatori di organizzare più facilmente le informazioni all'interno del loro sito. tag DIV sono il ponte tra CSS e HTML, portando il codice CSS nelle pagine effettive.
1 Trovare la posizione nel codice in cui si desidera inserire il tag DIV. Questo è di solito entro il corpo del codice. Digitare quanto segue in quella posizione:
<Div> </ div>
2 Definire la classe (facoltativo; per l'uso con gli stili CSS predefiniti) digitando il seguente dietro la prima "div", dove "X" è il nome della classe:
class = "X".
Essa sarà simile a questa:
<Div class = "yourclassname"> </ div>.
3 Definire l'identità (facoltativo; deve essere unico per questo particolare DIV) digitando il seguente dietro la prima "div", dove "X" è l'ID univoco:
id = X
Essa sarà simile a questa:
<Div id = "TuoID"> </ div>.
4 Impostare la direzione del testo (opzionale) digitando il seguente dietro la prima "div", dove "X" può essere sia "rtl" (da destra a sinistra) o "litri" (da sinistra a destra):
dir = "X '
Essa sarà simile a questa:
<Div dir = "rtl"> </ div>.
5 Impostare la lingua (opzionale) digitando il seguente dietro la prima "div", dove "X" è il codice della lingua specifico (ad esempio, "en" per l'inglese o "es" per lo spagnolo):
lang = "X"
Essa sarà simile a questa:
<Div lang = "it"> </ div>.
6 Impostare la lingua XHTML (opzionale, solo per i documenti XHTML) digitando il seguente dietro la prima "div", dove "X" è il codice della lingua specifico (ad esempio, "en" per l'inglese o "es" per lo spagnolo):
xml: lang = "X"
Essa sarà simile a questa:
<Div xml: lang = "it"> </ div>.
7 Specificare un titolo (facoltativo; per la descrizione aggiunto del DIV) digitando il seguente dietro la prima "div", dove "X" è un titolo breve per questo DIV:
title = "X"
Essa sarà simile a questa:
<Div title = "yourtitle"> </ div>.
8 Applicare attributi di CSS direttamente al DIV (opzionale) digitando il seguente dietro la prima "div", dove "X" è una serie di codici CSS, ciascuno seguito da un punto e virgola e da uno spazio:
style = "X"
Essa sarà simile a questa:
<Div style = "text-align: right; background-color: white;"> </ div>.
9 Impostare l'evento per i clic del mouse (opzionale) digitando uno dei seguenti dietro la prima "div", dove "X" è il vostro scritto, "onclick" è un click, "ondblclick" è un doppio click, "onMouseDown" è pressione di un pulsante del mouse e "onmouseup" è un rilascio pulsante del mouse:
onclick = "X"
ondblclick = "X"
onMouseDown = "X"
onmouseup = "X"
Essa sarà simile a questa:
<Div onclick = "yourscript"> </ div>
10 Impostare l'evento per gli effetti del mouse rollover (opzionale) digitando uno dei seguenti dietro la prima "div", dove "X" è il vostro scritto, "onmouseover" è quando il mouse va sul DIV e "onmouseout" è quando il mouse lascia la DIV:
onmouseover = "X"
onmouseout = "X"
Essa sarà simile a questa:
<Div onmouseover = "yourscript"> </ div>
11 Impostare l'evento per i clic della tastiera (opzionale) digitando uno dei seguenti dietro la prima "div", dove "X" è il vostro scritto, "onkeydown" è quando si preme un tasto, "onkeyup" è quando viene rilasciato un tasto, e "onkeypress" è quando si preme un tasto e poi rilasciato:
onKeyDown = "X"
onKeyUp = "X"
onkeypress = "X"
Essa sarà simile a questa:
<Div onKeyDown = "yourscript"> </ div> o <div onKeyUp = "yourscript"> </ div> o <div onkeypress = "yourscript"> </ div>.