Paragrafi in html

I paragrafi in html si inseriscono con il tag <p></p> dove p è l’iniziale di paragraph.

I paragrafi sono fondamentali per una pagina web e se ne possono inserire più di uno. Tra un paragrafo e l’altro c’è dello spazio.

Vediamo subito un esempio di inserimento di due paragrafi in html.

Apriamo la nostra pagina html di esempio che abbiamo creato o in alternativa ne aprimo 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 questo risulato:

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>

Il tag <br> sta per break line, è utilizzato per andare a capo e a differenza del tag pragrafo <p> non necessita della chiusura.

Andando a capo con <br>, tra una riga e l’altra non si genera uno spazio vuoto così come con il tag <p>.

Vediamo 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.



Se si desira lasciare più spazi si possono inserire anche più di un <br> o si possono inserire anche tra un paragrafo e l’altro.

Facciamo 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>Alcuni esempi di giochi realizzati con scratch:
<ul>
<li>Tabellina con scratch;</li>
<li>Morra cinese.</li>
</ul>
</p>

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.


Alcuni esempi di giochi realizzati con scratch:

  • Tabellina con scratch;
  • Morra cinese.


Attributi del paragrafo in html

In passato si utilizzavano vari attributi per il tag parafrafo, 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:

Tag semantici

Form in html

Tag strong ed em

Collegamenti interni ad una pagina web

Collegamenti ipertestuali

Inserire immagini in una pagina web

Tabelle in html

Elenchi in html

Tag dei titoli

Il linguaggio html

Come trovare immagini per il sito web

Quali colori scegliere per un sito web

Quali font scegliere per un sito web


Autore dell'articolo: cristina

Avatar per Coding Creativo

Lascia un commento

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