In HTML, possiamo facilmente aggiungere la linea orizzontale nel documento utilizzando i seguenti modi diversi:
- Utilizzando il tag HTML
- Utilizzando il CSS interno
Utilizzando Html
Se vogliamo aggiungere la linea orizzontale nel documento Html utilizzando Etichetta HTML , quindi dobbiamo seguire i passaggi indicati di seguito. Utilizzando questi passaggi, possiamo facilmente aggiungere la riga:
Passo 1: Per prima cosa dobbiamo digitare il codice Html in un qualsiasi editor di testo oppure aprire il file Html esistente nell'editor di testo in cui vogliamo aggiungere la linea orizzontale.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
Passo 2: Adesso posizioniamo il cursore nel punto in cui vogliamo aggiungere la riga nel documento Html. E quindi dobbiamo usare il file
tag di Html a quel punto.
<hr>
Passaggio 3: Ora dobbiamo aggiungere gli attributi di
tag, che definiscono la dimensione, il colore e la larghezza di una linea. Quindi, dobbiamo digitare gli attributi dimensione, larghezza e colore all'interno del file
etichetta.
<hr>
Passaggio 4: E quindi dobbiamo specificare i valori di questi attributi.
<hr>
Passaggio 5: E, infine, dobbiamo salvare il codice Html e quindi eseguire il file nel browser.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.Provalo adesso
L'output del codice HTML sopra è mostrato nella seguente schermata:
Utilizzando il CSS interno
Se vogliamo aggiungere la linea orizzontale nel documento Html utilizzando il foglio di stile interno, dobbiamo seguire i passaggi indicati di seguito. Utilizzando questi passaggi, possiamo facilmente aggiungere la riga:
Passo 1: Per prima cosa dobbiamo digitare il codice Html in un qualsiasi editor di testo oppure aprire il file Html esistente nell'editor di testo in cui vogliamo aggiungere la linea orizzontale.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
Passo 2: Ora dobbiamo posizionare il cursore subito dopo la chiusura del tag title nel file etichetta di testa del documento Html e poi definire gli stili all'interno del file tag come mostrato nel blocco seguente. E poi dobbiamo digitare il tag CSS hr per modellare la linea orizzontale.
Add the Line using Internal CSS. hr { } Passaggio 3: Ora dobbiamo definire gli attributi del tag CSS hr. Quindi, definiremo i diversi attributi nel blocco seguente:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } Passaggio 4: Ora dobbiamo digitare il file
tag nel corpo del documento Html per mostrare la linea orizzontale sulla pagina web. E, infine, dobbiamo salvare il file Html e quindi eseguirlo nel browser Internet.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. Provalo adesso L'output del codice HTML sopra è mostrato nella seguente schermata:
