HTML:ssä voimme helposti lisätä Horisontaalisen rivin dokumenttiin seuraavilla eri tavoilla:
- Html-tunnisteen käyttäminen
- Sisäisen CSS:n käyttö
Html:n käyttäminen
Jos haluamme lisätä Horisontaalisen rivin HTML-dokumenttiin käyttämällä HTML-tunniste , meidän on noudatettava alla annettuja vaiheita. Näiden vaiheiden avulla voimme helposti lisätä rivin:
Vaihe 1: Ensinnäkin meidän on kirjoitettava HTML-koodi mihin tahansa tekstieditoriin tai avattava olemassa oleva HTML-tiedosto tekstieditorissa, johon haluamme lisätä vaakaviivan.
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.
Vaihe 2: Aseta nyt kohdistin kohtaan, johon haluamme lisätä rivin HTML-dokumenttiin. Ja sitten meidän on käytettävä
Html-tunniste siinä vaiheessa.
<hr>
Vaihe 3: Nyt meidän on lisättävä attribuutit
-tunniste, joka määrittää viivan koon, värin ja leveyden. Joten meidän on kirjoitettava koko-, leveys- ja väriattribuutti sisään
tag.
<hr>
Vaihe 4: Ja sitten meidän on määritettävä näiden attribuuttien arvot.
<hr>
Vaihe 5: Ja viimeinkin meidän on tallennettava HTML-koodi ja suoritettava tiedosto selaimessa.
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.Testaa nyt
Yllä olevan HTML-koodin tulos näkyy seuraavassa kuvakaappauksessa:
Sisäisen CSS:n käyttö
Jos haluamme lisätä Horisontaalisen rivin HTML-dokumenttiin käyttämällä sisäistä tyylitaulukkoa, meidän on noudatettava alla annettuja ohjeita. Näiden vaiheiden avulla voimme helposti lisätä rivin:
Vaihe 1: Ensinnäkin meidän on kirjoitettava HTML-koodi mihin tahansa tekstieditoriin tai avattava olemassa oleva HTML-tiedosto tekstieditorissa, johon haluamme lisätä vaakaviivan.
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.
Vaihe 2: Nyt meidän on asetettava kohdistin heti otsikkotunnisteen sulkemisen jälkeen päämerkki HTML-dokumentista ja määritä sitten tyylit -tunniste seuraavan lohkon osoittamalla tavalla. Ja sitten meidän on kirjoitettava hr CSS -tagi vaakaviivan muotoilua varten.
Add the Line using Internal CSS. hr { } Vaihe 3: Nyt meidän on määritettävä hr CSS -tunnisteen attribuutit. Joten määrittelemme eri attribuutit seuraavassa lohkossa:
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; } Vaihe 4: Nyt meidän on kirjoitettava
-tunniste HTML-dokumentin rungossa näyttääksesi Web-sivun vaakaviivan. Ja lopuksi meidän on tallennettava HTML-tiedosto ja suoritettava tiedosto Internet-selaimessa.
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. Testaa nyt Yllä olevan HTML-koodin tulos näkyy seuraavassa kuvakaappauksessa:
