Come definire paragrafi e spaziatura in HTML

click fraud protection

Quindi, hai imparato i concetti HTML di base e alcuni tag HTML di base e hai deciso di incollarne alcuni HTML nel tuo CMS. Sfortunatamente, il tuo articolo è stato pubblicato insieme. Tutto è un paragrafo! Quello che è successo?

Niente panico. Capisci come sei browser interpreta le interruzioni di riga e lo risolverai rapidamente... o almeno, semplicemente.

I browser ignorano la maggior parte degli spazi bianchi

HTML riguarda la marcatura del testo ordinario. Ai tempi in cui il testo era su pergamena, il testo ordinario correva insieme in blocchi giganti. Oggi dividiamo il testo in paragrafi.

Potresti non pensare molto ai paragrafi. Succedono e basta. Premi INVIO e basta.

Ma l'HTML è diverso. Il browser si sforza di filtrare le informazioni che non sembrano importanti. Devi capire come funziona in modo da non confonderti.

Supponiamo di digitare un intero gruppo di spazi:

Il tuo browser prosaico darà questa resa nitida:

mi sento come e.e. sborrate.

Non siamo più in Word, Totò. Browser ignora la spaziatura extra. Riducono più spazi a un unico spazio.

instagram viewer

Anche i browser ignora il tuo interruzioni di riga.

Il tuo browser fa questo:

mi sento come e.e. Cummings ma tutti odiano comunque C A P I T A L S online.

Se vieni dal mondo dei word processor, questo comportamento può essere sorprendente. In realtà, ti dà una grande libertà.

paragrafi

Ma probabilmente vuoi ancora i paragrafi. Eccoli:


e

Guarda attentamente il.


e

tag, quindi guarda cosa fa il browser.
Questo è un paragrafo. Questo è un altro paragrafo, anche se è sulla stessa riga. E anche se ho appena inserito due interruzioni di riga, questo fa ancora parte del paragrafo due. Ora chiudo il paragrafo due.

Vedere? Il browser ignora completamente le interruzioni di riga. Si preoccupa solo dei tag.

Normalmente, ovviamente, la scelta sana è quella di abbinare i tuoi paragrafi con interruzioni di riga:

Ma le interruzioni di riga sono solo per te. Il browser li ignora.

Aggiungendo un mucchio di.

i tag possono essere noiosi. Una cosa è aggiungere il corsivo qua e là. Un'altra è dover aggiungere tag ogni volta che inizi un nuovo paragrafo.
Ma aspetta! C'è speranza! Non tornare urlando al tuo elaboratore di testi.

Il tuo CMS può rispettare le tue righe vuote

Fortunatamente, alcuni CMS sono progettati per inserire automaticamente i tag di paragrafo per te, dietro le quinte. Puoi semplicemente inserire a riga vuota tra i paragrafi e il CMS fa il resto.

Se il tuo CMS ha questa funzione, otterrai:

Questo è un paragrafo. Nessun tag! Ed ecco. un altro paragrafo.

Perché funziona? Prima che il CMS sputa il tuo articolo come a pagina web, aggiunge il necessario.

tag.
Il tuo CMS probabilmente lo farà automaticamente. In caso contrario, potresti essere in grado di attivare questa funzione.

Premi INVIO due volte per un paragrafo

In un elaboratore di testi, di solito premi INVIO solo una volta tra i paragrafi. I paragrafi sono una singola riga, ma l'elaboratore di testi li avvolge.

In HTML, vuoi premi INVIO due volte tra i paragrafi. Se il tuo CMS aggiunge.

tag automaticamente, probabilmente si aspetta una riga vuota.

instagram story viewer