În HTML, putem adăuga cu ușurință linia orizontală în document folosind următoarele moduri diferite:
- Folosind eticheta HTML
- Folosind CSS-ul intern
Folosind HTML
Dacă vrem să adăugăm linia orizontală în documentul HTML folosind Etichetă HTML , atunci trebuie să urmam pașii care sunt dați mai jos. Utilizând acești pași, putem adăuga cu ușurință linia:
Pasul 1: În primul rând, trebuie să introducem codul HTML în orice editor de text sau să deschidem fișierul HTML existent în editorul de text în care dorim să adăugăm linia orizontală.
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.
Pasul 2: Acum, plasați cursorul în punctul în care dorim să adăugăm linia în documentul HTML. Și, atunci trebuie să folosim
eticheta HTML în acel moment.
<hr>
Pasul 3: Acum, trebuie să adăugăm atributele lui
etichetă, care definesc dimensiunea, culoarea și lățimea unei linii. Deci, trebuie să introducem dimensiunea, lățimea și atributul de culoare în interiorul
etichetă.
<hr>
Pasul 4: Și, atunci trebuie să specificăm valorile acestor atribute.
<hr>
Pasul 5: Și, în cele din urmă, trebuie să salvăm codul Html și apoi să rulăm fișierul în 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.Testează-l acum
Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran:
Folosind CSS-ul intern
Dacă dorim să adăugăm linia orizontală în documentul HTML folosind foaia de stil internă, atunci trebuie să urmam pașii care sunt dați mai jos. Utilizând acești pași, putem adăuga cu ușurință linia:
Pasul 1: În primul rând, trebuie să introducem codul HTML în orice editor de text sau să deschidem fișierul HTML existent în editorul de text în care dorim să adăugăm linia orizontală.
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.
Pasul 2: Acum, trebuie să plasăm cursorul imediat după închiderea etichetei de titlu în eticheta de cap din documentul HTML și apoi definiți stilurile din interiorul etichetă așa cum se arată în blocul următor. Și apoi trebuie să introducem eticheta CSS hr pentru stilizarea liniei orizontale.
Add the Line using Internal CSS. hr { } Pasul 3: Acum, trebuie să definim atributele etichetei hr CSS. Deci, vom defini diferitele atribute în următorul bloc:
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; } Pasul 4: Acum, trebuie să introducem
etichetă în corpul documentului HTML pentru a afișa linia orizontală pe pagina web. Și, în cele din urmă, trebuie să salvăm fișierul Html și apoi să rulăm fișierul în browserul de 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. Testează-l acum Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran:
