See Selgitatud õpetab HTML-is ja CSS-is horisontaaljoont looma. Horisontaalset joont ehk horisontaalset reeglit saab kasutada teie veebisaidi tekstiplokkide või muu sisu eraldamiseks. Kõige ajakohasem viis rea lisamiseks on kasutada CSS-i ja HTML5-d, kuid siiski on võimalik (praegu) kasutada HTML-märgendit “HR”.
1
Avage või looge uus HTML-dokument. HTML-dokumente saab redigeerida tekstiredaktoriga, nagu Notepad. Võite kasutada ka koodiredaktorit, näiteks Adobe Dreamweaverit. HTML-dokumendi avamiseks oma valitud programmis järgige järgmisi samme: Avage Notepad või teie valitud tekstiredaktor/koodiredaktor. Klõpsake menüül Fail. Klõpsake nuppu Ava. Valige HTML-fail. Klõpsake nuppu Ava.
2
Lisage oma HTML-dokumendile pea. Kui teie HTML-dokumendil pole veel pead, kasutage pea lisamiseks järgmisi samme. Pea läheb pärast märgendit “” ja enne märgendit “
3
Tippige päisesse
. See loob uue rea ja lisab seejärel HTML-i stiilijaotise sulgemiseks märgendi. “
” läheb pärast seda, kui olete lisanud kõik HTML-elemendid, millega CSS-iga stiili kujundate.
8
Tippige
ükskõik kuhu oma HTML-dokumendi põhiosa. HTML-märgendi sisu on märgendite „
” ja „” vahel olev ala. See lisab teie HTML-dokumendile horisontaalse joone. Teie CSS-stiili seaded rakenduvad alati, kui kasutate oma HTML-is märgendit.
9
Salvestage oma HTML-fail. Tekstifaili salvestamiseks HTML-dokumendina peate faililaiendi (.txt, .docx) asendama “.html”-ga. HTML-dokumendi salvestamiseks toimige järgmiselt. Klõpsake menüüd Fail. Uue HTML-faili käivitamisel klõpsake nuppu Salvesta kui. Olemasoleva HTML-faili salvestamiseks klõpsake nuppu Salvesta. Tippige faili nimi valiku “Faili nimi” kõrvale. Tippige failinime lõppu “.html”. Klõpsake nuppu Salvesta.
10
Testige oma HTML-i. HTML-faili testimiseks paremklõpsake failil ja valige Ava koos. Seejärel valige veebibrauser. Sildi “hr” asetamise kohta peaks ilmuma pidev joon. Teie HTML-kood peaks välja nägema umbes selline: