Kuriant vizualiai patrauklų ir geros struktūros tinklalapį dažnai reikia naudoti horizontalias linijas. Šios eilutės gali padėti atskirti skirtingas turinio dalis, todėl naudotojams lengviau skaityti ir suprasti pateiktą informaciją. Šiame vadove išnagrinėsime du veiksmingus horizontalių linijų įtraukimo į HTML metodus: naudojant>
žyma ir CSS savybės.
Įvairūs būdai pridėti horizontalią liniją į HTML
1. Naudojant
žyma:
The Horizontali taisyklė t prie (
)naudojamas horizontalioms linijoms įterpti į HTML dokumentą, kad būtų atskirtos dokumento dalys. Tai tuščia arba nesusieta žyma, o tai reiškia, kad nereikia baigiamosios žymos.
Pavyzdys: Šis pavyzdys apibūdina
žymą, kad pridėtumėte horizontalią liniją.HTML
body> html>>>
Išvestis:
Išvestis
2. CSS ypatybių naudojimas:
Taikydami šį metodą naudosime ribinio stiliaus Nuosavybė sukurti horizontalią liniją. Mes galime naudoti arba riba-viršus ypatybę, kuri nurodo viršutinės kraštinės stilių arba kraštinė-apačia savybė, kuri gali nustatyti elemento apatinės kraštinės stilių. Abi savybės gali būti naudojamos horizontaliai linijai pridėti.
Pavyzdys: Šiame pavyzdyje aprašomas horizontalios linijos brėžinys naudojant ribinio stiliaus Nuosavybė.
HTML
Išvestis