Il tag <P> in HTML
In questa lezione del corso HTML ti spiego come inserire un paragrafo nel documento tramite il tag <p>
<p> </p>
Il tag <p> ti permette di definire un paragrafo di testo in una pagina web.
Si tratta di un elemento di base dell'HTML, perché gran parte del contenuto di un documento html è composto da testo.
Come si usa?
Per usare il tag <p>, devi prima aprire il tag <p>, inserire il tuo testo all'interno e infine chiudere il tag </p>.
<p>Il tuo testo qui</p>
Puoi inserire più tag <p> nel documento HTML ma solo ed esclusivamente all'interno della sezione body.
Ti faccio un esempio pratico.
In questo documento ci sono due tag <p>
- <!DOCTYPE html>
- <html>
- <head>
- <title>Titolo della pagina</title>
- </head>
- <body>
- <p>Questo è il primo paragrafo del testo.</p>
- <p>Questo è il secondo paragrafo del testo.</p>
- ...
- </body>
- </html>
Entrambi i tag <p> si trovano all'interno della sezione <body>
Il browser interpreta il testo all'interno del tag <p> come un paragrafo a sé stante.
Generalmente il browser allinea il testo di ogni paragrafo a sinistra e separa i due paragrafi tra loro inserendo automaticamente un'interlinea bianca.
Questo è il primo paragrafo del testo.
Questo è il secondo paragrafo del testo.
Nota. Questa regola puoi comunque modificarla e personalizzarla usando i fogli di stile CSS. Ad esempio, puoi impostare un carattere più grande, un colore specifico per lo sfondo o per il testo dentro il tag <p> oppure un interlinea maggiore
Perché usare il tag <p> per scrivere il testo?
Uno dei motivi per cui il tag <p> è così importante è che ti aiuta a organizzare il contenuto della pagina in modo chiaro e leggibile.
Senza i tag <p>, il testo sarebbe visualizzato in un unico blocco e senza alcuna separazione. Quindi, sarebbe molto più difficile da leggere per un utente.
Questo è il primo paragrafo del testo. Questo è il secondo paragrafo del testo.
Ecco un esempio pratico di pagina web completa
- <!DOCTYPE html>
- <html>
- <head>
- <title>titolo della pagina</title>
- </head>
- <body>
- <h1>Il mio sito web</h1>
- <p>Nigiara è una guida al web... </p>
- <p>In questa pagina ti parlo del linguaggio HTML</p>
- </body>
- </html>
In conclusione, il tag <p> è uno degli elementi più importanti e più frequenti in un documento HTML.
È fondamentale per la formattazione e l'organizzazione del testo perché rende il contenuto testuale della pagina ben strutturato e facilmente leggibile.