Posso inserire spazio vuoto verticale in un documento HTML?

Posso inserire spazio vuoto verticale in un documento HTML?
Lo spazio svolge un ruolo significativo nella scrittura narrativa. Puoi anche utilizzare spaziatura o altra punteggiatura per suggerire il passare del tempo. Inoltre, nella scrittura espositiva, uno spostamento del tono o del punto di vista può evidenziare il significato delle cose in una sequenza organizzandole verticalmente. Pertanto, a volte, può essere necessario aggiungere spazio verticale tra elementi diversi. A tale scopo, il "
","
", E "margin-bottom"I tag possono essere utilizzati. 

Questo post dimostrerà il metodo per inserire gli spazi vuoti verticali in un documento HTML.

Posso inserire spazio vuoto verticale in un documento HTML?

Sì, è possibile inserire lo spazio vuoto verticalmente in una pagina/documento HTML utilizzando metodi diversi. Alcuni di essi sono elencati di seguito:

  • Metodo 1: inserire spazio vuoto verticale in un documento HTML usando "
    "
    Etichetta
  • Metodo 2: inserire spazio vuoto verticale in un documento HTML usando "margin-bottom" Proprietà
  • Metodo 3: inserire spazio vuoto verticale in un documento HTML usando "
    "Tag

Metodo 1: inserire spazio vuoto verticale in un documento HTML "
"Tag

Per aggiungere lo spazio vuoto verticale, usando "
"Tag, dai un'occhiata alle istruzioni di seguito.

Passaggio 1: aggiungi un contenitore di div

Inizialmente, aggiungi un "div"Container con l'aiuto del""Elemento. Inoltre, specificare un "id"Attributo all'interno del tag di apertura DIV e assegnare un ID univoco per scopi di identificazione.

Passaggio 2: Aggiungi
etichetta

Successivamente, utilizza il “
"Tag per aggiungere spazio verticale tra il testo.

Passaggio 3: incorporare il testo

Successivamente, incorporare il testo nel contenitore Div e aggiungere il "
"Tag di nuovo per inserire più spazio dopo il testo:




TSL Ltd UK






Benvenuti in Linuxhint

Di conseguenza, lo spazio vuoto verticale viene aggiunto correttamente:

Passaggio 4: testo di stile

Per modellare il testo aggiunto nel contenitore DIV, accedi al Div con l'aiuto del nome ID come "#V-space"E applica le seguenti proprietà CSS:

#v-space
blocco di visualizzazione;
Testo-align: centro;
Colore: blueviolet;
Font-Family: 'Segoe Ui', Tahoma, Ginevra, Verdana, Sans-Serif;

Nel frammento di codice sopra:

  • "Schermo"La proprietà determina il comportamento di visualizzazione dell'elemento.
  • "allineamento"È utilizzato per l'impostazione dell'allineamento del testo.
  • "colore"Assegna il colore al testo dell'elemento.
  • "famiglia di font"Determina uno stile particolare sul testo aggiunto nell'elemento definito.

Produzione

Metodo 2: inserire spazio vuoto verticale in un documento HTML utilizzando la proprietà "margin-bottom"

Puoi anche applicare il “margin-bottom"Proprietà per aggiungere lo spazio vuoto verticale nel documento HTML. A tale scopo, segui le istruzioni fornite.

Passaggio 1: Aggiungi

etichetta

Utilizzare il "

"Tag in HTML per aggiungere il testo nel paragrafo. Inoltre, aggiungi un "id" O "classe"Attributo

Passaggio 2: inserire i dati

Successivamente, incorporare il testo tra il testo del paragrafo:


Questo è il sito Web di Tutorial Linuxhint.



Forniscono il miglior contenuto in più categorie.

Produzione

Nota: IL

Tag aggiunge anche spazio di paragrafo all'interno del documento.

Passaggio 3: inserire spazio vuoto verticale

Accedi al paragrafo utilizzando l'ID "#spazio verticale"E applicare le proprietà del blocco del codice quotate di seguito:

#Vertical-Space
margine-bottom: 3cm;
colore blu;
Font in stile: corsivo;

Qui:

  • "margin-bottom"Determina il margine inferiore di un elemento.
  • "colore"È impostato come"blu" E "stile carattere" COME "corsivo".

Produzione

Metodo 3: inserire spazio vuoto verticale in un documento HTML usando il “

"Tag

Per inserire lo spazio vuoto verticale, il “

"Viene anche utilizzato il tag. Per fare ciò, seguire le istruzioni fornite.

Passaggio 1: crea un contenitore "div"

Per creare un contenitore div, utilizzare il ""Tag e aggiungi un attributo ID con un nome particolare.

Passaggio 2: aggiungi l'intestazione

Successivamente, inserire un'intestazione con l'aiuto di un tag di intestazione HTML tra "

" A "
". Per farlo, abbiamo utilizzato il "

Passaggio 3: inserire lo spazio verticale

Dopodiché, inserisci "

"Tag e incorpora tag all'interno del"
"Tag di apertura e chiusura:


TSL Ltd UK


 Benvenuti in Linuxhint 

Questo è uno dei migliori siti Web di tutorial.

Produzione

Si tratta di inserire spazi vuoti in verticale in un documento HTML.

Conclusione

Per inserire uno spazio vuoto verticale in un documento HTML, ci sono più metodi che possono essere utilizzati, tra cui "
","

Tag e "margin-bottom". Per utilizzare il "
"Tag per inserire spazi verticali, aggiungere il testo e quindi inserire"
". Questo post ha dimostrato i diversi metodi per inserire lo spazio vuoto verticale in un documento HTML.