HTML galime lengvai pridėti horizontalią eilutę dokumente šiais skirtingais būdais:
- Naudojant HTML žymą
- Naudojant vidinį CSS
Naudojant HTML
Jei norime pridėti horizontalią eilutę į HTML dokumentą naudodami HTML žyma , tada turime atlikti toliau nurodytus veiksmus. Atlikdami šiuos veiksmus, galime lengvai pridėti eilutę:
1 žingsnis: Pirmiausia turime įvesti HTML kodą bet kuriame teksto rengyklėje arba atidaryti esamą HTML failą teksto rengyklėje, į kurią norime pridėti horizontalią eilutę.
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.
2 žingsnis: Dabar padėkite žymeklį toje vietoje, kur norime pridėti eilutę HTML dokumente. Ir tada mes turime naudoti
HTML žymą tuo metu.
<hr>
3 veiksmas: Dabar turime pridėti atributus
žyma, kuri apibrėžia linijos dydį, spalvą ir plotį. Taigi, turime įvesti dydžio, pločio ir spalvos atributą
žyma.
<hr>
4 veiksmas: Ir tada turime nurodyti šių atributų reikšmes.
<hr>
5 veiksmas: Ir pagaliau turime išsaugoti HTML kodą ir paleisti failą naršyklėje.
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.Išbandykite dabar
Aukščiau pateikto HTML kodo išvestis rodoma šioje ekrano kopijoje:
Naudojant vidinį CSS
Jei norime pridėti horizontalią eilutę į HTML dokumentą naudodami vidinį stiliaus lapą, turime atlikti toliau nurodytus veiksmus. Atlikdami šiuos veiksmus, galime lengvai pridėti eilutę:
1 žingsnis: Pirmiausia turime įvesti HTML kodą bet kuriame teksto rengyklėje arba atidaryti esamą HTML failą teksto rengyklėje, į kurią norime pridėti horizontalią eilutę.
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.
2 žingsnis: Dabar mes turime įdėti žymeklį iškart po pavadinimo žymos uždarymo galvos žyma HTML dokumento, tada apibrėžkite stilius viduje žymą, kaip parodyta kitame bloke. Tada turime įvesti hr CSS žymą, kad sukurtume horizontalios linijos stilių.
Add the Line using Internal CSS. hr { } 3 veiksmas: Dabar turime apibrėžti hr CSS žymos atributus. Taigi, mes apibrėžsime skirtingus atributus šiame bloke:
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; } 4 veiksmas: Dabar turime įvesti
žymą HTML dokumento turinyje, kad tinklalapyje būtų rodoma horizontali linija. Ir pagaliau turime išsaugoti HTML failą ir paleisti failą interneto naršyklėje.
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. Išbandykite dabar Aukščiau pateikto HTML kodo išvestis rodoma šioje ekrano kopijoje:
