Skip to main content

Scrivi in ​​HTML - Paragrafi e spaziatura

03 Paragrafo e titoli (Giugno 2025)

03 Paragrafo e titoli (Giugno 2025)
Anonim

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

Non farti prendere dal panico. Comprendi in che modo il tuo browser interpreta le interruzioni di riga e lo risolverai rapidamente … o almeno, semplicemente.

I browser ignorano la maggior parte dello spazio bianco

L'HTML riguarda la marcatura del testo ordinario. Indietro quando il testo era su parchmentq, il testo normale correva insieme in blocchi giganti. Oggi inseriamo il testo paragrafi .

Potresti non pensare molto ai paragrafi. Accadono e basta Si preme INVIO, e questo è quello.

Ma l'HTML è diverso. Il browser cerca di filtrare le informazioni che non sembrano importanti. Devi capire come funziona così non ti confondi.

Supponi di digitare un intero gruppo di spazi:

Mi sento come e.e. Cummings

Il tuo browser prosaico darà questa resa croccante:

Mi sento come e.e. Cummings

Non siamo più in Word, Toto. browser ignora la spaziatura extra. Riducono più spazi in un unico spazio.

Anche i browser ignora le interruzioni di riga.

Mi sento come e.e. cummings ma tutti odiano C A P I T A L S in linea comunque.

Il tuo browser fa questo:

Mi sento come e.e. cummings ma tutti odiano C A P I T A L S in linea comunque.

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

I paragrafi

Ma probabilmente vorresti ancora dei paragrafi. Eccoli:

e

Questo è un paragrafo.

Questo è un altro paragrafo, anche se è sulla stessa linea. E anche se ho appena inserito due interruzioni di riga, questo è ancora parte del paragrafo due. Ora chiuderò il paragrafo due.

Guarda attentamente il

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

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

Normalmente, naturalmente, la scelta corretta è quella di abbinare i tuoi paragrafi con interruzioni di riga:

Questo è un paragrafo.

Questo è un altro paragrafo.

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 altro dover aggiungere tag ogni volta che si avvia un nuovo paragrafo.

Ma aspetta! C'è speranza! Non correre urlando di nuovo al tuo word processor.

Il tuo CMS può rispettare le tue righe vuote

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

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

Se il tuo CMS ha questa caratteristica, otterrai:

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

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

tag.

Il tuo CMS 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 una sola volta tra i paragrafi. I paragrafi sono una singola riga, ma il word processor 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.