07 – Paragrafi HTML

Un paragrafo inizia sempre su una nuova riga e di solito è un blocco di testo.

Paragrafi HTML

L’elemento HTML <p> in inglese paragraph definisce un paragrafo.
Un paragrafo inizia sempre su una nuova riga e i browser aggiungono automaticamente uno spazio bianco (un margine) prima e dopo un paragrafo.

Esempio

<p>Questo è un paragrafo</p>
<p>Questo è un altro paragrafo</p>

Visualizzazione HTML

Non puoi essere sicuro di come verrà visualizzato l’HTML.
Schermi grandi o piccoli e finestre ridimensionate creeranno risultati diversi.
Con l’HTML, non puoi cambiare la visualizzazione aggiungendo spazi extra o righe extra nel tuo codice HTML.
Il browser rimuoverà automaticamente eventuali spazi e righe extra quando viene visualizzata la pagina:

<p>
Questo paragrafo
contiene molte righe
nel codice sorgente,
ma il Browser
ignorerà spazi e righe extra.
</p>

<p>
Questo paragrafo
contiene molti spazi
nel codice sorgente,
ma il Browser
ignorerà spazi e righe extra.
</p>

Regole orizzontali HTML

Il <hr> tag definisce un’interruzione tematica in una pagina HTML e viene spesso visualizzato come una regola orizzontale.
L’elemento viene utilizzato per separare il contenuto (o definire una modifica) in una pagina HTML:

Esempio:

<h1>Questa è la rubrica 1</h1>
<p>Questo è del testo.</p>
<hr>
<h2>Questa è la rubrica 2</h2>
<p>Questo è un altro testo.</p>
<hr>

Il tag <hr> è un tag vuoto, il che significa che non ha tag di chiusura.


Interruzioni di riga HTML

L’elemento HTML definisce un’interruzione di riga.
Usa se vuoi un’interruzione di riga (una nuova riga) senza iniziare un nuovo paragrafo:
Il tag è un tag vuoto, il che significa che non ha tag di chiusura.


Il problema della poesia

Queste frasi verranno visualizzate su una sola riga:

Esempio

A Nicole piace giocare a pallavolo. A Nicole piace nuotare in mare. A Nicole piace andare ad allenarsi. Nicole è una bravissima bambina.


Soluzione: l’elemento HTML <pre>

L’elemento HTML <pre> definisce il testo preformattato.
Il testo all’interno di un elemento <pre> viene visualizzato in un carattere a larghezza fissa (solitamente Courier) e conserva sia gli spazi che le interruzioni di riga:

Esempio

<pre>
  A Nicole piace giocare a pallavolo.

  A Nicole piace nuotare in mare.

  A Nicole piace andare ad allenarsi.

  Nicole è una bravissima bambina.
</pre>

Riferimento ai tag HTML

Informazioni aggiuntive sugli elementi HTML e sui loro attributi.

TagDescrizione
<p>Definisce un paragrafo
<hr>Definisce un cambiamento tematico nel contenuto
<br>Inserisce una singola interruzione di riga
<pre>Definisce un testo preformattato
Per un elenco completo di tutti i tag HTML disponibili, visita il nostro riferimento ai tag HTML.

Pubblicato da Luca Bocaletto

Sviluppatore, Creatore, Musicista, Artista, Radiantista, Scacchista.