HtmlTags Titoli, Paragrafi e Testo a capo

HTML è nato per la mostrare contenuti ipertestuali, per questo la maggior parte dei tags si riferiscono all’organizzazione dei testi, testi che saranno composti da titoli, paragrafi, etc.

Per creare un paragrafo esiste il tag <p></p>.  In una pagina html, se ne possono inserire più di uno. Tra un paragrafo e l’altro c’è una riga di spazio.

Esempio:

<!DOCTYPE html>
<html>
<body>

<h1>Titolo<h1>
<h2>Sotto Titolo</h2>
<p>questo è un esempio di paragrafo</p>
<p>Sul sito Coding Creativo troverete tanti esempi ed esercizi su scratch</p>
<p>bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla</p>

</body>
</html>

Otteniamo:

Titolo
Sotto Titolo
questo è un esempio di paragrafo
bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla

 

Tag <br>

Il tag <br>  (break line), serve per andare a capo. Non necessita del tag di chiusura. Si può usare anche all’interno di un paragrafo.

Esempio:

<!DOCTYPE html>
<html>
<body>

<h1>Titolo<h1>
<h2>Sotto Titolo</h2>
<p>questo è un esempio di paragrafo</p>
<p>bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla</p>
<br> ciao ciao ciao ciao
</body>
</html>

L’output prodotto sarà:

Titolo
Sotto Titolo
questo è un esempio di paragrafo
bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla

ciao ciao ciao ciao

Notare che tra bla bla bla ciao ciao c’è uno spazio doppio, uno dovuto al <p> e l’altro <br>.

Per lasciare più spazi, si possono inserire più <br>.

Esempio:

<!DOCTYPE html>
<html>
<body>

<h1>Titolo<h1>
<h2>Sotto Titolo</h2>
<p>questo è un esempio di paragrafo</p>
<p>bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla</p>
<br> ciao ciao ciao ciao
<br><br><br>
<p>hello hello hello</p>
</body>
</html>

Testo prodotto:

Titolo
Sotto Titolo
questo è un esempio di paragrafo
bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla

ciao ciao ciao ciao 



hello hello hello

Notare che tra “ciao ciao” e “hello hello” ci sono 4 spazi, uno dovuto al paragrafo e tre al br.

I Titoli

Il titolo (heading) è una formattazione del testo che permettere di evidenziare una particolare frase, usata appunto come titolo.

Il tag che permette questo è <hNUMERO> </hNUMERO>, dove NUMERO può variare fino a 6, in base al livello di importanza.

Esempio:

<!DOCTYPE html>
<html>
<body>

<h1>Titolo più significativo</h1>
<h2>Un po’ meno significativo </h2>
<h3> Un po’ meno significativo </h3>
<h4> Un po’ meno significativo </h4>
<h5> Un po’ meno significativo </h5>
<h6> Titolo meno significativo </h6>

</body>
</html>

Output prodotto:

Titolo più significativo
Un po’ meno significativo
Un po’ meno significativo
Un po’ meno significativo
Un po’ meno significativo
Titolo meno significativo
(Visited 3 times, 1 visits today)

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *