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 e 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