tag DIV sono il metodo principale di portare i fogli di stile (CSS) nel codice HTML . Prima di CSS , sviluppatori Web utilizzati frames goffo e tabelle complesse per organizzare il layout del loro sito . Non solo era questo ingombrante , ma ha lasciato confuso e difficile da modificare il codice nella sua scia . Tag DIV essenzialmente creano un blocco di codice ( come le caselle di testo in un layout di pagina ) . L'ascesa dei 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 . Cose che ti serviranno prewritten codice HTML Show More Istruzioni Definizione degli attributi 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 :
2 Definire la classe (opzionale, per l'uso con gli stili CSS predefiniti ) , digitando il seguente dietro il primo " div ", dove " X" è il nome della classe : .
class = " X"
sarà simile a questo :
< /div > 3 definire l'identità (opzionale, deve essere univoco per questa particolare dIV ) digitando il seguente dietro il primo " div , " dove " X " è l'ID univoco :
id = X
sarà simile a questa :
< /div > . 4 la direzione del testo (opzionale) digitando il seguente dietro il primo " div ", dove "X" può essere " rtl " ( da destra a sinistra) o " ltr " ( da sinistra a destra ) :
dir = " X '
sarà simile a questa :
< ;/div > . 5 Impostare la lingua (opzionale) digitando il seguente dietro il primo " div ", dove "X" è il codice della lingua specifica (ad esempio , "en" per l'inglese o "es " per lo spagnolo ) :
lang = " X"
sarà simile a questa :
< /div > , . 6 il linguaggio XHTML (opzionale, solo per i documenti XHTML ) digitando il seguente dietro il primo " div ", dove "X" è il codice della lingua specifica (ad esempio , "en" per l'inglese o "es" per lo spagnolo ) :
xml: lang = "X"
sarà simile a questa :
< div xml: lang = " it . " > < /div >
7 specificare un titolo (opzionale, per una maggiore descrizione del dIV ) digitando il seguente dietro il primo " div ", dove " X " è una breve titolo che dIV :
title = " X"
sarà simile a questa :
< /div > . 8 Applicare qualsiasi CSS attribuisce direttamente al dIV (opzionale) digitando il seguente dietro il primo " div ", dove "X" è una serie di codici CSS , ciascuno seguito da un punto e virgola e un spazio :
style = " X"
sarà simile a questa :
< div style = " text-align : right; background-color : white ; " > < /div > .
Definire gli eventi
9 l'evento per i clic del mouse ( opzionale ) digitando uno dei seguenti dietro la prima " div , " dove " X "è il vostro script , " onclick "è un singolo click , " ondblclick "è un doppio click , " onmousedown "è un pulsante del mouse e premere il tasto " onmouseup "è un rilascio pulsante del mouse :
onclick = "X "
ondblclick = "X "
onmousedown = "X "
onmouseup = " X"
sarà simile a questa :
< /div > 10 l'evento per effetti di rollover del mouse ( opzionale ) digitando uno dei seguenti dietro la prima " div ", dove "X" è il vostro script , " onmouseover " è quando il mouse passa sopra la dIV e " onmouseout " è quando il mouse lascia il DIV :
onmouseover = "X "
< p > onmouseout = " X"
sarà simile a questa :
< /div > 11 Impostare l'evento per i clic della tastiera ( opzionale ) digitando uno dei seguenti dietro la prima " div ", dove "X" è il vostro script , " 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 "
sarà simile a questa :
|
