As balizas HTML  HTML-Tags Les balises HTML Marcado HTML HTML Markup

HTML, un linguaggio a tag

L'HTML non è un linguaggio di programmazione. Si tratta di un linguaggio che permette di descrivere l'impaginazione e la formattazione di un contenuto redatto in testo semplice.

Una pagina HTML è quindi un semplice file di testo che contiene delle tag che permettono di formattare il testo, le immagini, ecc.

Come usare i tag HTML?

Un tag è un elemento di testo (un nome) compreso dal carattere inferiore (<) e il carattere superiore (>). ad esempio « <H1> ».

I tag HTML non sono sensibili alla forma, cioè possono essere digitati in minuscolo o in maiuscolo indifferentemente!

I tag HTML funzionano a coppia per agire sugli elementi che contengono. La prima è detta « tag d'apertura »e la seconda « tag di chiusura ». Il tag di chiusura è preceduto dal carattere/) :

<tag> Vostro testo formattato  </tag>

A titolo esemplificativo, i tag <b> e </b> permettono di mettere in grassetto il testo che contengono :

<b> Questo testo in grassetto</b>

I tag HTML possono talvolta essere unici : il tag <br> rappresenta ad esempio un ritorno a capo.

Per essere il più vicino possibile agli standard XHTML (molto più stretti che lo standard HTML), si consiglia di usare la nota seguente:<br />.

sovrapposizione dei tag

I tag HTML hanno la particolarità di poter essere sovrapposti in modo gerarchico per permettere il cumulo delle loro proprietà. D'altro lato lo scavalcamento dei tag non è tollerato dagli standard HTML. Ecco un esempio di testo formattato con dei tag sovrapposti :

<i><u>Kioskea</u>, enciclopedia informatica libera</i>
L'esempio qui sotto da il seguente risultato :
Kioskea, enciclopedia informatica libera
Invece l'esempio qui sotto non è corretto :
<i><b>Kioskea</i>, enciclopedia informatica libera</b>

Nozione d'attributo

Un attributo è un elemento, presente all'interno del tag di apertura, che permette di definire delle proprietà supplementari. Gli attributi si presentano la maggiorparte delle volte come una coppia chiave=valore, ma alcuni attributi a volte sono definiti solo dalla chiave.

Ecco un esempio di attributo per il tag <p> (tag che definisce un paragrafo), che permette di specificare che il testo deve essere allineato a destra :

<p align="right">Esempio di paragrafo</p>

Ogni tag può avere uno o più attributi, ognuno dei quali può avere (nessuno), uno o più valori.

Spazi, salti di linea e tabulazioni

Il linguaggio HTML non tiene conto degli spazi, delle tabulazioni e dei salti di linea (qui di seguito chiamati o più esattamente esso considera un susseguirsi di uno o più spazi/tabulazioni/salti di linea come un solo spazio. Questo permette soprattutto di identificare la codifica HTML per una maggiore leggibilità, senza modificare l'apparenza della pagina HTML nel navigatore. Esiste un'eccezione per il codice contenuto in alcuni tag

, il cui obiettivo è giustamente di conservare la formattazione del testo (spazi, salti di linea, etc.)!

Da notare: esiste un'eccezione per il codice contenuto in alcuni tag <PRE>, il cui obiettivo è giustamente di conservare la formattazione del testo (spazi, salti di linea, etc.)!

I due codici HTML seguenti danno così lo stesso risultato :

Esempio	  di
codice
							HTML
Esempio di codice HTML

Il linguaggio HTML possiede invece degli elementi che permettono espressamente di definire ciascuno di questi elementi di formattazione :

  • Spazio insecabile: si tratta di uno spazio che non può essere interrotto da una fine di linea. La sua rappresentazione in HTML è&nbsp;.
  • Salto di linea manuale: si tratta di un salto di linea esplicito. La sua rappresentazione in HTML è <br> (<br /> per essere conforme al XHTML).

Da notare: Il tag <NOBR> </NOBR> permette al contrario di impedire il ritorno a capo automatico realizzato dal navigatore!

Commenti

E' possibile aggiungere degli elementi d'informazione in una pagina web senza che questi siano visualizzati sullo schermo grazie ad una combinazione specifica di tag, detta tag di commenti.

<!-- Ecco un commento -->

I tag di commenti permettono di mettere un commento ad un testo ma possono anche servire a commentare il codice HTML.

Da notare: esiste un'eccezione per il codice contenuto nei tag <PRE>, il cui obiettivo è giustamente di conservare il formattaggio del testo (spazi, salti di linea, ecc.)!

Ultime modificazione ilvenerdì 6 febbraio 2009 alle 16:51:57.Questo documento intitolato «  » da Kioskea (it.kioskea.net) è reso disponibile sotto la licenza Creative Commons. È possibile copiare, modificare le copie di questa pagina, alle condizioni previste dalla licenza, come questa nota appare chiaramente.

Migliori risposte per « Tag HTML » in :
Struttura di un documento HTML Vedi Nozione di documento HTML Una pagina HTML è un semplice file che contiene del testo formattato con dei tag HTML. Per convenzione l'estensione data al file è .htm o .html, ma una pagina web può potenzialmente avere un'estensione qualsiasi.Una pagina...
Gestione delle immagini in HTML Vedi Come visualizzare delle immagini su una pagina web? Le immagini possono rendere un sito Web più attraente e conviviale, tuttavia è importante non esagerare dato che le immagini possono implicare un tempo di caricamento piuttosto lungo e possono in...
Le classi di stile (CSS) Vedi Le classi e gli ID Le classi Può risultare interessante attribuire degli stili differenti agi stessi tag. Per questo le specificazioni CSS hanno introdotto il concetto di classe.La definizione di classi è tanto semplice che quella di stile. Essa...
[PHP] Upload file VediIl linguaggio PHP permette di gestire dei file inviati grazie a un modello HTML. Modulo per l'invio di file Configurazione di PHP per permettere l'upload Recuperare un file con PHP Modulo per l'invio di file La prima cosa da fare...
[Tools] Freeware per la creazione di siti web Vedi1. Editor WYSIWYG 2. Editor di codici 3. Client FTP 4. Grafica e editing delle immagini 5. Grafica di stile FLASH 6. Editing audio 7. Server web Freeware per la creazione di siti Dato il numero di richieste per creare un sito web, ecco...
Download SIW VediSIW è un sistema avanzato come strumento di informazione per Windows che raccoglie le informazioni dettagliate sul hardware e impostazioni del sistema e la mostra in maniera molto comprensibile. SIW può creare un file di rapporto (CSV, HTML,...
Dichiarazione di un foglio di stile (CSS) VediDichiarazione di un foglio di stile I fogli di stile sono un sovra-insieme del linguaggio HTML, il che significa che non sono integrati direttamente nelle raccomandazioni HTML del W3C. E' quindi necessario completare il codice HTML con degli...
Elenchi e numerazioni nell'HTML VediGli elenchi Un elenco e un paragrafo strutturato che contiene una serie di articoli. Il linguaggio HTML definisce tre tipi di elenchi : L' elenco ordinato ; L' elenco non ordinato ; L' elenco di definizione. elenco...
I Meta Tag VediIntroduzione ai meta tag I metadati sono delle informazioni poste all'interno di un documento per descriverlo. I metadati sono quindi usati dai motori di ricerca durante il referenziamento della pagina web. Grazie a questi tag non visualizzati è...