Titoli HTML

I titoli sono molto importanti nel documento HTML.

Titoli HTML

I titoli (Heading) sono definiti dai tag <h1> - <h6>.

<h1> Definisce il titolo più grande.<h6> Definisce il titolo più piccolo.

Esempio

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Prova tu stesso

Commento:Il browser aggiunge automaticamente una riga vuota prima e dopo i titoli.

Commento:Per impostazione predefinita, HTML aggiunge automaticamente un'ulteriore riga vuota prima e dopo gli elementi bloccanti, come i paragrafi e gli elementi di titolo.

I titoli sono molto importanti

Assicurati di utilizzare i tag heading HTML solo per i titoli. Non utilizzare i titoli solo per produrre testo in grassetto o di grandi dimensioni.

I motori di ricerca utilizzano i titoli per creare l'indice della struttura e del contenuto delle tue pagine web.

Poiché gli utenti possono navigare rapidamente attraverso il tuo sito web utilizzando i titoli, è importante presentare la struttura del documento con i titoli.

L'h1 dovrebbe essere utilizzato come titolo principale (più importante), seguito dall'h2 (meno importante), poi dall'h3 e così via.

Linea orizzontale HTML

<hr /> Il tag crea una linea orizzontale nel documento HTML.

L'elemento hr può essere utilizzato per separare il contenuto.

Esempio

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Prova tu stesso

Suggerimento:Usare la linea orizzontale (<tag hr>) per separare i paragrafi del testo è un modo (ma non l'unico).

Commenti HTML

Puoi inserire i commenti nel codice HTML, il che migliora la leggibilità e rende il codice più facile da comprendere. I browser ignorano i commenti e non li visualizzano.

I commenti sono così scritti:

Esempio

<!-- This is a comment -->

Prova tu stesso

Commento:Dopo l'apice (apice a sinistra) deve seguire un'esclamazione, prima del virgola chiusa (apice a destra) non è necessario.

Suggerimento:L'uso ragionevole dei commenti può aiutare nella futura modifica del codice.

Suggerimento HTML - Come visualizzare il codice sorgente

Hai sicuramente esclamato "WOW! Come è stato fatto questo?" vedendo una pagina web.

Se vuoi scoprire i segreti, clicca con il tasto destro del mouse e seleziona "Visualizza file sorgente" (IE) o "Visualizza codice sorgente della pagina" (Firefox), la procedura è simile per altri browser. Questo aprirà una finestra che contiene il codice HTML della pagina.

Esempi da questa pagina

Titolo
Come visualizzare i titoli nel documento HTML.
Commenti nascosti
Come inserire i commenti nel codice HTML sorgente.
Linea orizzontale
Come inserire una linea orizzontale.

Manuale di riferimento dei tag HTML

Il manuale di riferimento dei tag di CodeW3C.com fornisce ulteriori informazioni su questi titoli e le loro proprietà.

Imparerai di più sui tag e le proprietà HTML nei prossimi capitoli di questa guida.

Etichetta Descrizione
<html> Definire il documento HTML.
<body> Definire il corpo del documento.
<h1> a <h6> Definire il titolo HTML
<hr> Definire la linea orizzontale.
<!--...--> Definire i commenti.