Markup HTML definisce il contenuto delle pagine Web che può presentare gli elementi di testo e multimediali per l'utente del sito. Una pagina HTML elenca questi elementi contenuti all'interno di strutture di elemento HTML. Elementi HTML dare informazioni del browser Web dell'utente su come visualizzare il contenuto all'interno della struttura della pagina nel suo complesso. Elemento HTML costituisce principalmente apertura e chiusura tag, ma può facoltativamente anche includere attributi, che forniscono informazioni aggiuntive sull'elemento.

Elemento Markup

Maggior parte degli elementi in HTML hanno apertura e chiusura tag con il contenuto dell'elemento elencato tra di loro. Il seguente codice di esempio viene illustrato un elemento:

< p > alcuni contenuti in un elemento. </p >

Questo elemento paragrafo definisce il proprio contenuto contrassegnando i suoi confini. Alcuni elementi, aprire e chiudere all'interno del tag stesso, come nel seguente esempio:

< img alt = "immagine" / >

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

ID di classe Vs

Classe e gli attributi ID sono comunemente utilizzano gli elementi HTML. Un attributo ID identifica un singolo elemento in modo 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 di attributo di classe possono apparire più di una volta all'interno di una pagina, come questi definire gruppi di uno o più elementi. Per dichiarare un attributo ID, gli sviluppatori di utilizzare la sintassi seguente:

< id p = "top" > alcune superiore testo </p >

Il seguente codice di esempio dichiara un attributo di classe:

< classe p = "main" > testo principale </p >

Sia in classe che in ID aiutare gli sviluppatori a definire le regole di stile per un sito Web utilizzando le dichiarazioni CSS.

Selettori CSS

Codice CSS utilizza selettori per identificare gli elementi della pagina Web, applicando le proprietà di stile a questi elementi, determina il loro aspetto quando l'utente li. Codice CSS di base può applicare stile a tutti gli elementi di un tipo particolare, come nell'esempio seguente:

p {

font-size: small;

}

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

Top () {

font-weight: bold;

}

CSS è possibile utilizzare anche un selettore per specificare gli elementi di una classe particolare:

p.Main () {

Color: #ff0000;

}

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

.Main () {

Color: #ff0000;

}

JavaScript

JavaScript utilizza gli attributi di classe di elementi HTML per implementare gli effetti stile dinamico, interattivo. Ad esempio, pagine Web spesso assegnare i listener di eventi agli elementi, istruire il browser a svolgere una funzione JavaScript quando l'utente interagisce con un determinato elemento, ad esempio facendo rotolare il suo mouse su o fuori di esso. Per modificare l'aspetto di un elemento quando si verifica tale evento, codice JavaScript cambia spesso l'attributo di classe come segue:

document.getElementById("top").className = "autotreno";

Questa tecnica funziona con il codice CSS, dove il CSS definisce le impostazioni di aspetto diverso per i nomi di classe alternativa.