In HTML, si può facilmente aggiungere lo spazio nel documento utilizzando i seguenti modi:
- Utilizza Html
- Uso Interno CSS
Utilizzando Html
Se si desidera aggiungere lo spazio del documento utilizzando il tag Html per mostrare lo spazio prima e dopo il testo, quindi dobbiamo seguire i passi che sono indicati di seguito., Usando questi passaggi, possiamo facilmente aggiungere lo spazio:
Passo 1: In primo luogo, dobbiamo digitare il codice Html in qualsiasi editor di testo o aprire il file Html esistente nell’editor di testo in cui vogliamo aggiungere lo spazio.
Passo 2: Ora, posiziona il cursore dove vogliamo aggiungere lo spazio. E, poi dobbiamo premere la barra spaziatrice dalla tastiera. Fondamentalmente, pagina web mostra solo uno spazio tra le due parole. Non importa quanto abbiamo premuto la barra spaziatrice.,
Passo 3: Se si desidera visualizzare più di uno spazio prima o dopo il testo sulla pagina web, allora dobbiamo dare il seguente tag:
Passo 4: Se si desidera inserire/aggiungere più spazio quindi possiamo anche usare i seguenti tag per la visualizzazione di due o quattro spazi tra il testo di una pagina web:
Passo 5: Si può anche aggiungere il <pre> tag, che consente di visualizzare il testo di una pagina web come inserito nel documento Html.,
Passo 6: Quando abbiamo aggiunto lo spazio con successo nel documento, quindi dobbiamo salvare il file Html ed eseguire il file.
L’output di sopra codice Html è mostrato nella seguente schermata:
Uso Interno CSS
Se si desidera aggiungere lo spazio nel documento utilizzando l’Interno del Cascading foglio di stile per mostrare lo spazio prima e dopo il testo, dobbiamo seguire i passi che sono indicati di seguito. Utilizzando questi passaggi, possiamo facilmente aggiungere lo spazio.,
Passo 1: In primo luogo, dobbiamo digitare il codice HTML in qualsiasi editor di testo o aprire il file Html esistente nell’editor di testo in cui vogliamo utilizzare il CSS interno per aggiungere lo spazio.
Passo 2: Ora, dobbiamo posizionare il cursore nel tag head del documento Html e quindi definire gli stili all’interno del tag<style > come mostrato nel seguente blocco. E, quindi dobbiamo digitare l’attributo text-indent nell’elemento del paragrafo.,
Passo 3: Ora, dobbiamo digitare il tag paragrafo e la classe tab1 nel tag<pre > del codice Html. E, alla fine, dobbiamo salvare il file Html e quindi eseguire il file.
Testalo ora
L’output del codice Html sopra riportato è mostrato nella seguente schermata:
