Codice HTML per DIV

January 29

Codice HTML per DIV


HTML tag "div" definiscono il contenuto delle pagine web. Utilizzando elementi "div", gli sviluppatori web possono implementare strutture di pagina, la creazione di contenuti strutturati per gli utenti del sito web di visualizzare e interagire con. Il codice HTML per un tag "div" è generalmente semplice. Come è il caso per la maggior parte degli elementi HTML, un "div" comporta un tag di apertura, un tag di chiusura e di contenuti tra di loro. HTML elementi "div" possono anche includere un numero di attributi opzionali per lo styling e l'interattività.

elemento Tag

L'elemento "div" appare all'interno di pagine Web utilizzando la seguente struttura di codice di markup:

<Div> Ecco il contenuto </ div>

Questa è la forma più semplice di elemento "div", ma il markup può anche includere gli attributi elencati nel tag di apertura e di altri elementi HTML all'interno dell'area contenuti. A "div" è una divisione logica del contenuto di una pagina Web, per cui gli sviluppatori spesso utilizzano questi elementi per definire le sezioni distinte all'interno di una pagina, come ad esempio le aree di intestazione, piè di pagina, menu e contenuti.

contenuto

Le pagine Web HTML possono includere molti tipi di contenuti, tra cui testo, immagini e altri media. Qualsiasi tipo di contenuto può apparire all'interno di un elemento "div". Il contenuto di un "div" è tutto ciò che appare tra i suoi apertura e chiusura tag, che possono a loro volta includere ulteriori elementi figlio. Il seguente codice di esempio markup dimostra un elemento "div" con altri elementi HTML nidificate al suo interno, tra cui un altro elemento "div":

<Div class = "picholder">

<Img alt = "immagine" />

<Div class = "caption"> Ecco una didascalia per l'immagine </ div>

</ Div>

Il genitore "div" tiene un elemento di immagine e un secondo "div" con una frase che riguarda l'immagine in esso.

CSS

Gli sviluppatori utilizzano CSS codice (Cascading Style Sheet) di dettare il layout e la presentazione per il contenuto della pagina Web. dichiarazioni CSS possono applicare le regole di stile a tutti gli elementi "div" in una pagina come segue:

div {

font-size: grande;

}

In alternativa, gli elementi "div" possono includere gli attributi class e id, permettendo il codice CSS per identificare particolari elementi o gruppi di elementi di styling. Il seguente codice di markup HTML di esempio elenca il tag di apertura di un elemento "div" con un attributo ID:

<Div id = "footer">

Il codice CSS in grado di identificare in modo univoco questo elemento come segue:

footer {

color: # 333333;

}

Il seguente codice HTML elenca un elemento "div" con un attributo di classe, che significa che è uno di un gruppo di elementi di quella classe all'interno della pagina:

<Div class = "description">

codice CSS può lo stile degli elementi "div" di una particolare classe come segue:

div.description {

font-size: small;

}

Attributi opzionali

Tutti gli elementi HTML possono includere una serie di attributi opzionali. Gli elementi "div" in una pagina Web possono includere gli attributi di attuazione effetti interattivi, dettando funzioni JavaScript per il browser per eseguire come l'utente interagisce con elementi utilizzando il mouse. Il seguente codice di esempio markup HTML dimostra allegando una funzione mouse ascoltatore ad un elemento "div":

<Div onmouseover = "isOverElement ()">

Questo codice causerà una funzione JavaScript denominata "isOverElement" per eseguire. In molti casi, tali funzioni sono accompagnati dal codice complementare quando l'utente sposta il mouse il dell'elemento. Gli sviluppatori possono anche collegare le funzioni per l'utente cliccando elementi "div".