markup HTML definisce il contenuto delle pagine Web che possono presentare elementi di testo e multimediali per gli utenti del sito. Una pagina HTML elenca questi elementi di contenuto all'interno di strutture elemento HTML. elementi HTML forniscono informazioni sul browser Web dell'utente su come visualizzare il contenuto all'interno della struttura della pagina nel suo complesso. Un elemento HTML costituisce in primo luogo di apertura e chiusura tag, ma può opzionalmente anche includere gli attributi, che forniscono ulteriori informazioni sull'elemento.

elemento Markup

Maggior parte degli elementi HTML hanno apertura e chiusura tag, con il contenuto dell'elemento elencato tra loro. Il seguente codice di esempio illustra tale elemento:

<P> Alcuni contenuti in un elemento. </ P>

Questo elemento punto definisce il suo contenuto contrassegnando i suoi confini. Alcuni elementi di apertura e chiusura della stessa etichetta, come nel seguente esempio:

<Img alt = "immagine" />

Tutti gli elementi HTML possono prendere attributi, che appaiono nel tag dell'elemento di apertura con "src" e "alt" nell'esempio precedente. In un elemento di immagine, l'attributo "src" dice al browser la posizione del file immagine da mostrare, mentre l'attributo "alt" definisce il contenuto del testo da visualizzare se l'immagine non può essere caricato.

Classe Vs ID

elementi HTML utilizzano comunemente attributi class e id. Un attributo ID identifica un singolo elemento univoco all'interno di una pagina. Ciò significa che lo stesso attributo ID non dovrebbe apparire più di una volta all'interno della stessa pagina. i valori degli attributi di classe possono essere più di una volta all'interno di una pagina, in quanto questi definiscono i gruppi di uno o più elementi. Per dichiarare un attributo ID, gli sviluppatori di utilizzare la seguente sintassi:

<P id = "top"> Del testo top </ p>

Il codice di esempio seguente dichiara un attributo di classe:

<P class = "principale"> Alcuni testo principale </ p>

Entrambi gli sviluppatori di classe e di aiuto ID per definire regole di stile per un sito web utilizzando dichiarazioni CSS.

CSS selettori

codice CSS utilizza selettori per identificare gli elementi della pagina Web, applicando le proprietà di stile a questi elementi, determinando la loro comparsa quando l'utente li vede. codice CSS di base può applicarsi stile a tutti gli elementi di un tipo particolare, come il seguente esempio:

p {

font-size: small;

}

In alternativa, CSS può definire regole specifiche per gli elementi con un particolare attributo ID come segue:

superiore {

font-weight: bold;

}

CSS può anche usare un selettore per specificare gli elementi di una particolare classe:

p.main {

color: # ff0000;

}

Questo codice seleziona tutti gli elementi di paragrafo con il valore dell'attributo classe specificata. Per selezionare gli elementi di qualsiasi tipo con lo stesso attributo di classe, CSS utilizza la seguente sintassi:

.principale {

color: # ff0000;

}

JavaScript

JavaScript utilizza gli attributi della classe di elementi HTML per implementare dinamici, effetti di stile interattivi. Ad esempio, le pagine web spesso assegnano ascoltatori di eventi agli elementi, istruendo il browser per svolgere una funzione JavaScript quando l'utente interagisce con un particolare elemento, ad esempio mediante laminazione suo mouse o fuori di esso. Per modificare l'aspetto di un elemento quando si verifica un evento, il codice JavaScript cambia spesso l'attributo classe come segue:

. Document.getElementById ( "top") className = "sovrastano";

Questa tecnica funziona con codice CSS, dove il CSS definisce diverse impostazioni di visualizzazione per i nomi di classe alternative.