Elementi+di+html+e+xhtml


 * Struttura di un link in html**

code format="html4strict"

il mio tumblr

code code format="html4strict" testo marcato code
 * struttura di un generico elemento html**

L'**HyperText Markup Language** (**HTML**) (traduzione letterale: linguaggio di marcatura per ipertesti) è un linguaggio usato per descrivere la struttura dei documenti ipertestuali disponibili nel World Wide Web ossia su Internet. Tutti i siti web sono scritti in HTML, codice che viene letto ed elaborato dal [|browser], il quale genera la pagina che viene visualizzata sullo schermo del computer. L'HTML non è un linguaggio di programmazione, ma un linguaggio di markup, ossia descrive il **contenuto**, testuale e non, di una pagina web. //Punto// HTML (.html) o //punto// HTM (.htm) è anche l'estensione comune dei documenti HTML.


 * un documento html è diviso in due sezioni principali**

Tag dell' //intestazione (tag head)//
I tag utilizzati nella sezione //head// sono tipicamente di tipo diverso da quelli utilizzati nella sezione //body//, essendo destinati a scopi differenti. I tag utilizzati nella sezione //head// normalmente non vengono visualizzati dal browser ma servono come informazioni di controllo e di servizio quali: 
 * informazioni di stile (CSS locali)
 * il titolo associato alla pagina e visualizzato nella finestra principale del browser

Tag del //body//
All'interno della sezione di //body//, che racchiude la parte visualizzabile del documento, si utilizzano i tag specifici previsti per la formattazione dei contenuti accessibili all'utente finale, ossia per il controllo di: Tra quelli elencati sopra, il tag è quello che gioca un ruolo chiave in quanto descrive un collegamento (o //link//) ad un altro documento ipertestuale e consente, con un click del mouse o con un'operazione da tastiera, di abbandonare la pagina o il sito che si sta visualizzando e caricare quella indicata dal link, realizzando così la funzione di navigazione tipica dell'uso di Internet.
 * intestazioni (titoli di capitoli, di paragrafi eccetera)
 * strutture di testo (testo indentato, paragrafi, eccetera)
 * aspetto del testo (grassetto, corsivo, eccetera)
 * elenchi e liste (numerate, generiche, di definizione)
 * tabelle
 * moduli elettronici (campi compilabili dall'utente, campi selezionabili, menu a tendina, pulsanti eccetera)
 * collegamenti ipertestuali e ancore
 * layout generico del documento
 * inserimento di immagini
 * inserimento di contenuti multimediali (audio, video, animazioni eccetera)
 * inserimento di contenuti interattivi (script, applicazioni esterne)

Gli elementi HTML consistono generalmente di quattro parti: un "tag di apertura" che definisce l'inizio di un elemento, i suoi attributi e i relativi valori, dei contenuti e un "tag di chiusura". Il tag di chiusura è opzionale per molti elementi; in pochissimi casi un "elemento vuoto" non ha contenuti o tag di chiusura. Gli elementi [|XHTML] vanno sempre chiusi. Gli elementi vuoti si chiudono aggiungendo una "/", come nei tag di chiusura (per questioni di retrocompatibilità è meglio mettere uno spazio prima della barra). Gli elementi possono rappresentare intestazioni, paragrafi, collegamenti ipertestuali, elenchi, oggetti multimediali incorporati e diverse altre strutture. XHTML è il successore dell'HTML; XHTML 1.0 è compatibile all'indietro con HTML, mentre XHTML 2.0 no.

Nidificare gli elementi
Molti elementi HTML possono essere "nidificati". La nidificazione è più facilmente comprensibile attraverso esempi:

code un paragrafo con dentro due parole in grassetto e una in corsivo

code Si possono nidificare gli elementi fin quando si vuole ma i tag devono essere chiusi nell'ordine inverso nel quale sono stati aperti.
 * un paragrafo con dentro **due parole** in grassetto e //una// in corsivo
 * un paragrafo con dentro **due parole** in grassetto e //una// in corsivo



Principali elementi HTML
code ... titoli dal primo al livello 6 paragrafo        lista non numerata        lista numerata        elemento di lista

        àncora (link) forte enfasi (grassetto) leggera enfasi (corsivo)

      immagine elemento multimediale

sezione o blocco porzione di testo

code

Delimita un documento HTML (invece di un documento [|XML] o altro). I tag sono opzionali in HTML ma alcuni browser e altre utility possono non riconoscere il documento senza di essi.

Delimita la sezione header (d'intestazione) del documento che contiene informazioni sulla pagina. I tag sono opzionali in HTML; se omessi l'esistenza dell'header può essere dedotto in altri modi.

Delimita il corpo del documento che contiene i contenuti visualizzati nella pagina. Come e i tag non sono necessari se il documento è in HTML.

Indica il titolo della pagina. Questo elemento è richiesto in ogni documento HTML e XHTML. Differenti user agent e [|Sistema operativo] visualizzano il titolo in maniera differente. I browser web di solito lo visualizzano nella barra del titolo quando la finestra è aperta e nella barra applicazioni quando è minimizzato.

Intestazioni
da ** ** a **  **Intestazioni a diversi livelli. Si utilizza ** ** per il livello massimo di intestazione (la sezione principale), ** ** per il successivo livello sottostante (sottosezione), ** ** per un livello al di sotto del precedente e così via. Il livello più basso d'intestazione è ** **.La maggior parte dei browser web mostreranno ** ** come un testo grande con un font differente e ** ** come testo piccolo in grassetto ma questo comportamento può essere modificato con i fogli di stile CSS. Gli elementi d'intestazione non sono utilizzabili solamente per creare testo grande o in grassetto: descrivono anche la struttura del documento e l'organizzazione. Alcuni programmi li utilizzano per generare indici e outline.

Testo strutturato
Molti elementi HTML sono realizzati per cambiare la struttura o il significato del testo. Alcuni sono block-level ma la maggior parte sono inline e possono essere inclusi nel normale flusso del testo. 


 * ... **Crea un paragrafo. In HTML il tag di chiusura è opzionale.


 * "..."**Crea una citazione, convenzionalmente visualizzata indentata ma non realizzata per indentare il testo. Può automaticamente aggiungere delle virgolette. L'attributo cite può fornire la fonte e deve essere una [|URL] completa.


 * ... **Crea testo pre.formattato. Il testo è visualizzato con un font non proporzionato esattamente come è stato scritto nel file

//Enfasi// (convenzionalmente visualizzato in corsivo) e **enfasi forte** (convenzionalmente visualizzato in grassetto).


 * ... ** Una breve quotazione. Può essere visualizzata con virgolette.


 * **Un pezzo di codice. Convenzionalmente visualizzato con un font monospazio Esempio di codice.

Elenchi
Crea un elenco ordinato (numerato) o non ordinato (puntato). . La numerazione predefinita è quella araba. Il marcatore predefinito è un punto annerito
 * ...**
 * ...**


 * ...** Crea un oggetto dell'elenco in liste ordinate o meno


 * ** Crea una tabella


 * ... **Crea una riga in una tabella
 * ... **Crea una cella d'intestazione all'interno di una riga; il contenuto è visualizzato di solito in grassetto e centrato
 * ... **Crea una cella dati all'interno di una tabella.

Altri elementi
...Crea una divisione logica sulla riga. Permette di assegnare a porzioni di testo un id o una classe, utilizzabili con i CSS.


 * ... **Crea un livello logico block-level. Soprattutto per l'uso dei CSS.
 * ** ( in XHTML) Inserisce una linea orizzontale.

Collegamenti e ancore
inoltre l'attributo title può essere impostato per avere un box d'informazione sul collegamento: Quando il puntatore è sul collegamento, di solito si trasforma in una mano con il dito indice disteso, e il testo in aiuto appare in un box speciale che sparisce quando il cursore si sposta.Alternativamente, l'elemento diventa un'ancora con l'attributo name, che preceduto dal simbolo '#' nell'URL si comporta come un segnalibro, scorrendo la pagina fino a quel punto.
 * ...</a>**Crea un elemento che diventa un collegamento ipertestuale con l'attributo href impostato su una [|URL];
 * <a href="//URL//" title="//testo in aiuto//">//Etichetta collegamento//</a>**

Immagini
Include un'immagine con l'attributo src, alt fornisce testo alternativo nel caso l'immagine non può essere visualizzata. Alt è inteso come testo alternativo, sebbene alcuni browser lo visualizzano come un suggerimento; l'attributo title è il suggerimento.
 * <img...> (**<img... /> in XHTML)

Vari [

 * ** ( in XHTML)Specifca un'interruzione di linea.

Racchude un commento.Può apparire dovunque nel documento, anche prima del DTD o dopo.

Esempio associazione il tucano index



**NB questo documento indica una versione semplificata delle specifiche HTML senza pretesa di ufficialità**

**testo modificato da http://it.wikipedia.org/wiki/Tag_(markup)**