In questa lezione parliamo di paragrafi in html e del tag br che serve per andare a capo.
I paragrafi in html si inseriscono con il tag <p></p>, dove p è chiaramente l’iniziale di paragraph.
I paragrafi sono fondamentali per una pagina web e se ne possono inserire anche più di uno. Tra un paragrafo e l’altro si genera dello spazio che poi posso personalizzare con i CSS.
Vediamo subito un esempio di inserimento di due paragrafi in html.
Dunque apriamo la nostra pagina html di esempio che abbiamo creato nella scorsa lezione o in alternativa ne creiamo una nuova e digitiamo il codice sotto:
...
<h1>Coding Creativo<h1>
<h2>Scratch</h2>
<p>Scratch è un ambiente di programmazione gratuito ed è ideale per imparare il coding. L'interfaccia grafica è molto intuitiva e semplice da usare.</p>
<p>Sul sito Coding Creativo troverete tanti esempi ed esercizi su scratch</p>
...Otterremo quindi questo risultato:
Coding Creativo
Scratch
Scratch è un ambiente di programmazione gratuito ed è ideale per imparare il coding. L’interfaccia grafica è molto intuitiva e semplice da usare.
Sul sito Coding Creativo troverete tanti esempi ed esercizi su Scratch.
Tag <br> per andare a capo in html
Il tag <br> sta per break line, è utilizzato per andare a capo e a differenza del tag pragrafo <p> non necessita della chiusura.
Quando si va a capo con il tag <br> in html, tra una riga e l’altra non si genera uno spazio vuoto così come con il tag <p>.
Vediamo quindi un esempio di utilizzo del tag <p> e del tag <br>.
...
<h1>Coding Creativo<h1>
<h2>Scratch</h2>
<p>Scratch è un ambiente di programmazione gratuito ed è ideale per imparare il coding. L'interfaccia grafica è molto intuitiva e semplice da usare.</p>
<br>Sul sito Coding Creativo troverete tanti esempi ed esercizi su scratch.
...Ecco cosa otterrete, notate che lo spazio tra usare e Sul sito non è più come prima.
Coding Creativo
Scratch
Scratch è un ambiente di programmazione gratuito ed è ideale per imparare il coding. L’interfaccia grafica è molto intuitiva e semplice da usare.
Sul sito Coding Creativo troverete tanti esempi ed esercizi su Scratch.
Più spazi tra i paragrafi in html
Se si desidera lasciare più spazi si possono inserire anche più di un <br> e si possono inserire anche tra un paragrafo e l’altro.
Facciamo dunque un esempio, dove tra un paragrafo e l’altro ho inserito due <br>.
All’interno dell’ultimo un paragrafo ho anche inserito la lista.
<h1>Coding Creativo<h1>
<h2>Scratch</h2>
<p>Scratch è un ambiente di programmazione gratuito ed è ideale per imparare il coding. L'interfaccia grafica è molto intuitiva e semplice da usare
<br>Sul sito Coding Creativo troverete tanti esempi ed esercizi su scratch.</p>
<br><br>
<p>Ecco quindi alcuni esempi di giochi realizzati con Scratch:
<ul>
<li>Tabellina con Scratch;</li>
<li>Morra cinese.</li>
</ul>
</p>Ecco dunque il risultato:
Coding Creativo
Scratch
Scratch è un ambiente di programmazione gratuito ed è ideale per imparare il coding. L’interfaccia grafica è molto intuitiva e semplice da usare.
Sul sito Coding Creativo troverete tanti esempi ed esercizi su Scratch.
Ecco quindi alcuni esempi di giochi realizzati con Scratch:
- Tabellina con Scratch;
- Morra cinese.
Attributi dei paragrafi in html
In passato si utilizzavano vari attributi per il tag paragrafo, ad esempio per dare uno sfondo oppure per allineare del testo. Queste proprietà oggi sono deprecate e si preferisce usare i CSS.
Alcuni link utili:
Collegamenti interni ad una pagina web
Inserire immagini in una pagina web
Come trovare immagini per il sito web
Quali colori scegliere per un sito web
Quali font scegliere per un sito web