Linguaggi di markup come XML e HTML definiscono dati utilizzando gli elementi e gli attributi. Ogni elemento in un linguaggio di markup è associato con uno o più tag. Un elemento rappresenta un singolo elemento di dati o contenuti delineato dal tag. Linguaggi XML consentono agli sviluppatori di definire il set di elementi e tag da utilizzare all'interno di un'applicazione. Gli elementi possono anche includere attributi, consentendo ulteriori informazioni vengano visualizzate all'interno di tag.

Markup

Molte applicazioni Web e desktop computing utilizzano linguaggi di markup per modellare i dati. File XML costituiscono la base per molte applicazioni Web, mentre l'HTML è il linguaggio di markup primario utilizzato per costruire pagine Web. Quando un utente visita una pagina Web, il server invia il codice di markup HTML al browser, che quindi esegue il rendering del contenuto di questo codice di markup per l'utente a visualizzare. Ogni elemento in una pagina HTML Web rappresenta una sezione della pagina o un elemento di contenuto. Questi elementi di contenuto possono modellare elementi di dati, testo o multimediali come immagini. Gli elementi possono contenere anche altri elementi, creando una struttura ad albero del documento di markup nel suo complesso.

Sintassi degli elementi

In documenti del linguaggio di markup, gli elementi vengono definiti utilizzando tag. Nell'esempio di codice è un tag di apertura in XML:
< cliente >

Il codice riportato di seguito è il tag di chiusura:
< / cliente >

Tra questi due tag è il contenuto dell'elemento:
< cliente > Paul Jones < / cliente >

Alcuni elementi sono self-closing, nel qual caso non c'è nessun contenuto dell'elemento e nessun tag di chiusura separato:
< cliente / >

Gli sviluppatori XML possono scegliere i propri tag, mentre gli sviluppatori HTML devono utilizzare il set di tag che browser riconoscono, ad esempio l'elemento seguente, che rappresenta un paragrafo in una pagina Web:
< p > questo è il contenuto del paragrafo. </p >

HTML fornisce una varietà di specializzato tag per modellare il contenuto della pagina Web.

Attributi

Gli elementi possono includere attributi. Alcuni attributi sono opzionali all'interno di un'applicazione, mentre altri sono necessari. Gli attributi vengono visualizzati nel tag di apertura di un elemento, come illustrato di seguito:
< tipo customer = "corporate" > Paul Jones < / cliente >

Gli attributi forniscono informazioni per tutte le applicazioni utilizzando il contenuto del markup. Ad esempio, il codice HTML di esempio riportato di seguito rappresenta un'immagine in una pagina Web:
< img src="mypic.jpg" alt = "immagine" / >

Quando il browser Web dell'utente rileva questo elemento, esso cercherà di recuperare il file di immagine dal percorso specificato come valore dell'attributo di origine. Se il file di immagine non è disponibile, il browser può visualizzare il testo alternativo specificato invece.

Nidificazione

Codice markup possa nidificare gli elementi all'interno di altri elementi. Gli elementi figlio nidificati all'interno di un elemento padre, come segue:
< project >
< task > ricerca < / task >
< task > sviluppo < / task >
< task > Reporting < / task >
< project >

Un elemento padre può avere più elementi figlio, ma ogni elemento figlio può avere solo un elemento padre. Questo è descritto come dati di struttura ad albero e compare in tutto di applicazioni informatiche. In HTML, nidificazione consente agli sviluppatori di definire le sezioni di una pagina, come segue:
< div id = "header" >
< img src="head.png" alt = "immagine di intestazione" / >
< div id = "slogan" > Slogan del sito < / div >
< / div >

Questo markup crea un'area di intestazione per una pagina Web, con un elemento di immagine e un secondo elemento "div" all'interno di esso.