Di Riccardo Esposito | Pubblicato il - Aggiornato il
Per andare a capo con il codice HTML devi utilizzare il tag <br> ovvero line break. Questo ti consente di inserire uno spazio bianco dopo il punto creando un capoverso. Con il <p> invece abbiamo un paragrafo con riga tra due blocchi.
Andare a capo in HTML è indispensabile per gestire al meglio i testi di una pagina web. La leggibilità è importante e si basa anche sulla capacità di creare spazi bianchi per riposare la lettura, dare aria al testo e creare un ritmo di fruizione del contenuto.
Una pagina web ha bisogno di una divisione in paragrafi e devi imparare come andare a capo con HTML se vuoi curare la struttura di un articolo. Per chi usa WordPress è facile.
Per creare un paragrafo basta premere il tasto Enter della tastiera e generare un nuovo blocco. Così puoi inserire una linea orizzontale di spazio? Ma per avere un capoverso?
Indice dei contenuti
Come si va a capo in HTML: <br>
Come ti sarai reso conto, in un editor di testo per creare pagine web puoi creare un paragrafo – un blocco di testo separato dal precedente – premendo il pulsante Invio (o Enter). Vale lo stesso per programmi di scrittura come Word o Google Docs.
Per ottenere un capoverso non è sufficiente. Vuoi andare punto e accapo, ciò significa lasciare uno spazio vuoto sulla stessa riga e proseguire subito sotto. In questo caso bisogna utilizzare un tag HTML particolare perché senza chiusura: il <br>, break-line.
Questo è un testo.<br>
Ora sono andato a capo con il tag.Grazie a questo elemento è possibile generare un passaggio alla riga successiva della pagina senza spazio di divisione da un paragrafo e altro. Ecco un esempio con il codice HTML per capire come puoi fare un ritorno a capo con <br> in una pagina web.
Questo tag HTML è utile per mettere a capo senza spazio, lasciando il resto della riga vuota ma ricominciando da quella successiva. Questo elemento di line break, che in XHTML si scrive </br>, non deve essere usato per creare spazi tra paragrafi.
Spesso si utilizza il doppio a capo con i tag <br><br> per aumentare il margine ma è un errore, non si dovrebbe lavorare in questo modo per aggiungere spazio bianco. Qui entra in gioco un altro tag, non basta usare il line break ma serve il tag paragraph.
Da leggere: come mettere il grassetto in HTML
Creare un paragrafo con il <p>
Ti sarai reso conto che se vuoi andare accapo per lasciare uno spazio bianco tra due righe devi usare un comando diverso dal <br>. Puoi utilizzare il tag <p> con relativa chiusura </p> che rappresentano la soluzione per creare un paragrafo di testo in HTML.
Ecco un esempio di come si scrive il paragrafo in HTML e quale risultato ottieni. Negli editor avanzati come WordPress, Enter si trasforma automaticamente in paragrafo.
Il paragrafo è un tag contenitore, ciò significa che deve essere aperto e chiuso ma può contenere testo, immagini e altri elementi come, ad esempio, il codice per mettere il grassetto e il corsivo per la formattazione. O per aggiungere uno spazio HTML.
In alcuni casi il paragrafo viene introdotto da un rientro tipografico verso destra. Non si tratta di un testo citato ma è indentato: di solito per la scrittura online questa soluzione non si usa ma non è vietato creare un blocco di testo con primo rigo rientrato.
text-indent: 1em;Puoi aggiungere la stringa di il CSS che vedi in alto nella finestra che trovi nella voce Personalizza del tuo template. Ricorda che il valore numerico puoi cambiarlo come preferisci. Così puoi facilmente decidere come fare il rientro nel tuo paragrafo HTML.
Come fare titoli in HTML?
Spesso prima dei paragrafi si inseriscono H2 e H3 per introdurre un argomento. Sono i titoli HTML che creano la struttura della pagina e seguono un ordine gerarchico.
Hanno un font decrescente ma più grande di quello del body copy, il corpo. per approfondire questo argomento ti lascio l’articolo su come usare H1, H2 e gli altri titoli.
È meglio usare il tag <br> o <p>?
Il tag <br> serve a lasciare uno spazio bianco nella riga, subito dopo il testo online. Mentre per saltare una riga in HTML ci vuole l’elemento <p>. Puoi definire le regole di questa divisione tra paragrafi attraverso le linee guida del CSS, i fogli di stile del sito web.
Ricorda che puoi andare a capo anche in una tabella HTML in modo semplice: se vuoi farlo dentro la stessa cella basta premere Enter. Altrimenti devi solo aggiungere una riga vuota: tutto è semplificato grazie ai comandi di WordPress Gutenberg.
Categoria: Guide per webmaster | Tag: Codice HTML