Linea HTML Breaks & Spacing | Spiegato

Un paragrafo è composto da una sequenza di frasi che definiscono un argomento particolare. Può consistere in spazi di linea e rotture di linea. I paragrafi devono essere organizzati e coerenti e correlati all'argomento. Quando codifichiamo un paragrafo in HTML, gli spazi e le interruzioni della linea non vengono visualizzati nella pagina Web. Per farlo accadere, diversi elementi HTML servono allo scopo.

I risultati di questo blog sono:

• Come aggiungere un paragrafo in HTML?
• Come aggiungere pause di linea e spaziatura in HTML?
• Come visualizzare il testo preformattato in HTML?

Come aggiungere un paragrafo in HTML?

In HTML, all'interno dell'elemento corporeo, crea un elemento div con il nome della classe "principale". Questo elemento contiene

Tag per aggiungere alcuni contenuti alla pagina HTML.

Ecco il codice:

Benvenuti in Linuxhint

Applichiamo proprietà di stile CSS agli elementi HTML.

Style Main Div

.principale
larghezza: 400px;
Background-color: bisque;
Altezza: 150px;
Margine: auto;
Testo-align: centro;
imbottitura: 60px;
Font-Family: Verdana, Ginevra, Tahoma, Sans-Serif;
Font-size: 20px;
Font-weight: audace;

Le proprietà applicate al principale sono spiegate di seguito:

• "larghezza"La proprietà imposta la larghezza dell'elemento Div su 400px.
• "colore di sfondo"Set di proprietà/Applicare il colore di sfondo a bisque.
• "altezza"La proprietà imposta l'altezza dell'elemento Div su 150px.
• "margine"Con valore"auto"Posa lo spazio uguale attorno al Div Main.
• "allineamento"La proprietà allinea il testo al centro o nella metà dell'elemento.
• "imbottitura"Attributo con il valore"60px"Aggiunge/include spazi 60px attorno al contenuto dell'elemento.
• "famiglia di font"È ambientato come sans-serif, Ginevra, Verdana, Tahoma. Questo elenco di stili è fornito per garantire che se il browser non supporta il primo stile, altri verranno applicati.
• "dimensione del font"La proprietà regola la dimensione del testo a 20px.
• "Font-peso"La proprietà con il valore in grassetto rende il carattere in grassetto.

Produzione

Quindi, l'immagine mostra chiaramente che non esiste una pausa di linea.

Come aggiungere pause di linea e spaziatura in HTML?

L'HTML “
Tag ", noto come"interruzione di linea"Elemento, aggiunge una rottura tra le righe del paragrafo.

Analizzare l'esempio di seguito!

Esempio 1: Aggiungi interruzioni della linea e spaziatura in una linea semplice
Il codice HTML sopra è modificato fornendo il
tag nel

elemento come questo:

Benvenuto a
Linuxhint

Di conseguenza, l'interruzione della linea verrà aggiunta dopo le prime due parole del paragrafo:

Nel prossimo esempio, vedremo l'implementazione pratica dell'aggiunta di rotture di linea e spaziatura in una poesia.

Esempio 2: Aggiungi interruzioni della linea e spaziatura in una poesia
Una poesia consiste in pause di linea per impostare il ritmo della poesia. Le interruzioni della linea svolgono anche la funzione di rappresentare dove accelerare, rallentare e altro ancora. Quindi, abbiamo usato una poesia come esempio.

La prima parte mostra solo la poesia senza interruzioni di linea e proprietà di spaziatura. Nella sezione successiva, aggiungeremo le proprietà per vedere la differenza:

'Hope' è la cosa più piumata -
Che si trova nell'anima -
E canta la melodia senza dire nulla -
E mai, mai più fermati -

Inizialmente, la poesia verrà visualizzata come mostrato di seguito:

Ora, alla fine di ogni riga, abbiamo messo
tag e ha anche aggiunto uno spazio di linea tra le linee intenzionalmente.

Html

'Hope' è la cosa più piumata -

Che si trova nell'anima -

E canta la melodia senza dire nulla -

E mai, mai più fermati -

Si può osservare che il
Tag ha rotto con successo la linea. Tuttavia, lo spazio di una riga non è stato aggiunto:

Per gestire questa particolare situazione, l'HTML

 Il tag può essere utilizzato.
 
Come visualizzare il testo preformattato in HTML?
 
L'HTML “
"L'elemento viene utilizzato per specificare il testo preformattato e visualizzare il contenuto come è scritto in HTML. Contiene le proprietà degli spazi di linea e le interruzioni di linea. 
 
Ora aggiungi il codice HTML precedente all'interno del 
 etichetta:
 

'Hope' è la cosa più piumata -
Che si trova nell'anima -
E canta la melodia senza dire nulla -
E mai, mai più fermati -
 
Produzione
 
 
Quindi, in questo modo, possiamo fornire spazi di linea e pause nella nostra pagina HTML.
 
Conclusione 
 
In HTML, gli spazi e le interruzioni di linea vengono omessi. Per aggiungerli al documento, utilizzare le interruzioni della linea HTML e gli elementi spaziali. La rottura della linea può essere specificata dal "
"Tag e per visualizzare il contenuto con spaziatura delle linee e rotture, l'HTML"
"Viene utilizzato il tag. Questo blog ha offerto istruzioni per l'aggiunta di interruzioni di linea e spazio in un documento HTML.