Gli ultimi tutorial di sviluppo web

I paragrafi HTML


I documenti HTML sono divisi in paragrafi.


I paragrafi HTML

Il codice HTML <p> elemento definisce un paragrafo.

Esempio

<p>This is a paragraph</p>
<p>This is another paragraph</p>
Prova tu stesso "

I browser automaticamente aggiungere un po 'di spazio bianco prima e dopo un paragrafo.


visualizzazione HTML

Non si può essere sicuri di come sarà visualizzata HTML.

Grandi o piccoli schermi, e le finestre ridimensionate creerà risultati diversi.

Con HTML, non è possibile modificare l'uscita con l'aggiunta di spazi aggiuntivi o linee supplementari in codice HTML.

Il browser rimuovere gli spazi aggiuntivi e linee extra quando si visualizza la pagina.

Qualsiasi numero di spazi, e qualsiasi numero di nuove linee, contano come un solo spazio.

Esempio

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
Prova tu stesso "

Non dimenticare il tag di chiusura

La maggior parte dei browser visualizzerà HTML correttamente anche se si dimentica il tag di chiusura:

Esempio

<p>This is a paragraph
<p>This is another paragraph
Prova tu stesso "

L'esempio precedente funziona nella maggior parte dei browser, ma non si basano su di esso.

Dimenticando il tag di chiusura può produrre risultati imprevisti o errori.

le versioni più severe di HTML, come XHTML, non consentono di saltare il tag di chiusura.


Interruzioni di riga HTML

Il codice HTML <br> elemento definisce un'interruzione di linea.

Utilizzare <br> se si desidera un'interruzione di linea (a new line) senza iniziare un nuovo paragrafo:

Esempio

<p>This is<br>a para<br>graph with line breaks</p>
Prova tu stesso "

Il <br> elemento è un elemento HTML vuota. Non ha tag di chiusura.


Il Poema Problema

Questa poesia viene visualizzato come una riga:

Esempio

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
Prova tu stesso "

Il codice HTML <pre> Element

Il codice HTML <pre> elemento definisce testo preformattato.

Il testo all'interno di una <pre> elemento viene visualizzato in un carattere a larghezza fissa (solitamente Courier), e conserva entrambi gli spazi e le interruzioni di riga:

Esempio

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
Prova tu stesso "

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»


Tag HTML Reference

w3ii' di riferimento tag contiene informazioni aggiuntive su elementi HTML ei loro attributi.

Etichetta Descrizione
<p> Definisce un paragrafo
<br> Inserisce una sola interruzione di linea
<pre> Definisce pre-testo formattato