A HTML-ben könnyen hozzáadhatjuk a vízszintes sort a dokumentumhoz a következő különböző módokon:
- Html tag használata
- A belső CSS használata
Html használatával
Ha a Vízszintes sort szeretnénk hozzáadni a HTML dokumentumhoz a Html címke , akkor követnünk kell az alábbi lépéseket. Ezekkel a lépésekkel könnyen hozzáadhatjuk a sort:
1. lépés: Először is be kell írnunk a HTML kódot bármelyik szövegszerkesztőbe, vagy meg kell nyitnunk a meglévő HTML-fájlt a szövegszerkesztőben, amelybe hozzá szeretnénk adni a vízszintes sort.
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. lépés: Most helyezze a kurzort arra a pontra, ahová a sort hozzá akarjuk adni a HTML dokumentumban. És akkor használnunk kell a
HTML címkéje azon a ponton.
<hr>
3. lépés: Most hozzá kell adnunk az attribútumokat
címke, amely meghatározza a vonal méretét, színét és szélességét. Tehát be kell írnunk a méretet, szélességet és színattribútumot a mezőbe
címke.
<hr>
4. lépés: Ezután meg kell adnunk ezen attribútumok értékeit.
<hr>
5. lépés: És végül el kell mentenünk a HTML kódot, majd futtatnunk kell a fájlt a böngészőben.
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.Tesztelje most
A fenti HTML-kód kimenete a következő képernyőképen látható:
A belső CSS használata
Ha a Vízszintes sort a Belső stíluslap segítségével szeretnénk hozzáadni a HTML dokumentumhoz, akkor az alábbiakban ismertetett lépéseket kell követnünk. Ezekkel a lépésekkel könnyen hozzáadhatjuk a sort:
1. lépés: Először is be kell írnunk a HTML kódot bármelyik szövegszerkesztőbe, vagy meg kell nyitnunk a meglévő HTML-fájlt a szövegszerkesztőben, amelybe hozzá szeretnénk adni a vízszintes sort.
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. lépés: Most a kurzort közvetlenül a title tag bezárása után kell elhelyeznünk a fejcímke HTML-dokumentumban, majd határozza meg a stílusokat a HTML-dokumentumban címkét a következő blokkban látható módon. Ezután be kell írnunk a hr CSS címkét a vízszintes vonal stílusozásához.
Add the Line using Internal CSS. hr { } 3. lépés: Most meg kell határoznunk a hr CSS címke attribútumait. Tehát a következő blokkban fogjuk meghatározni a különböző attribútumokat:
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. lépés: Most be kell írnunk a
címkét a HTML-dokumentum törzsében, hogy megjelenítse a vízszintes vonalat a weboldalon. És végül el kell mentenünk a HTML-fájlt, majd futtatnunk kell a fájlt az internetböngészőben.
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. Tesztelje most A fenti HTML-kód kimenete a következő képernyőképen látható:
