Kako dodati vodoravnu liniju u HTML -

Iz ovog članka naučit ćete kako dodati vodoravnu liniju u HTML-u. Horizontalna linija može se koristiti za podešavanje sadržaja na web mjestu. Kod za stvaranje linije je prilično jednostavan. Ipak, HTML 4.01 Možete promijeniti linijski dizajn koristeći interne naredbe. HTML5 do oblikovanja linije morat će koristiti CSS.

Korake

Metoda 1 od 2:

Radite u HTML 4.01

jedan. Otvorite postojeće ili stvorite novi HTML dokument. HTML dokumenti mogu se uređivati u uređivaču teksta, poput "Notepad", ili u specijalizovanom uređivaču koda, poput Adobe Dreamweaver. Slijedite ove korake za otvaranje HTML dokumenta u odabranom programu:

Otvorite Notepad ili drugi uređivač teksta / uređivač koda.
Otvorite meni Dosije.
Kliknuti Otvoren.
Odaberite HTML datoteku.
Kliknuti Otvoren

2. Odaberite lokaciju u kojoj želite umetnuti liniju. Pomaknite se prema dolje dok ne pronađete niz na kojem se linija treba pojaviti, a zatim pomaknite kursor direktno na početak ove linije klikom na krajnju lijevu.

3. Dodajte prazan niz. Dvaput kliknite ↵ Unesite da biste smanjili tekst koji trebate umetnuti liniju, a zatim postavite kursor na prazan niz.

4. Dodajte oznaku
. Ući na praznom mjestu na početku linije. Označiti
Omogućuje vam crtanje vodoravne linije kroz cijelu stranicu.

pet. Pomaknite kursor nakon oznake "HR" na novi niz klikom ↵ Unesite. Sada oznaka
mora biti u zasebnoj liniji.

6. Dodajte atribute na vodoravnu liniju (neobavezno). Dodajte atribute kao što su dužina, debljine, boje i poravnanje. Priložite ih u kovrčavim zagradama odmah nakon "HR". Da biste dodali više atributa, podijelite ih prostorom.

Ući , Da biste promijenili debljinu linije. Zamijenite numeričku debljinu "#" (na primjer, veličina ="10").

Ući , Da biste promijenili širinu linije. Zamijenite "#" po broju piksela ili postotka širine stranice (na primjer, širine ="200" ili širine ="75%").

Ući , Da biste promijenili liniju u boji. Zamijenite "#" po nazivu boje ili njenog heksadecimalnog koda (na primjer, boja ="crvena" ili boja ="# FF0000").

Ući , Da bi se poravnali liniju. Zamijenite "#" na "desno" (na desnoj ivici), "lijevo" (na lijevoj ivici) ili "centar" (središta) (na primjer) (na primjer), ).

7. Spremite HTML datoteku. Da biste spremili tekstualnu datoteku kao HTML dokument, morate promijeniti ekstenziju datoteke (.PORUKA, .Docx) na ".HTML ». Slijedite ove korake za uštedu HTML dokumenta:

Otvorite meni Dosije.

Kliknuti Sačuvati kao.

Unesite ime datoteke u polje "Naziv datoteke".

Dodati .Html Nakon imena datoteke.

Kliknuti Sačuvati.

osam. Provjerite svoj HTML dokument. Da biste provjerili HTML datoteku, desnom tipkom miša kliknite i odaberite "Otvori sa". Zatim odaberite web pretraživač. Gdje ste umetnuli oznaku "HR", treba pojaviti čvrsta linija. HTML kod će izgledati ovako:

Veličina zaglavlja ="6" width ="pedeset%" poravnati ="Levo" Boja ="Zeleno">Ovaj niz mora biti odvojen od zaglavlja linije.

Metoda 2 od 2:

Rad u CSS / HTML5

jedan. Otvorite postojeće ili stvorite novi HTML dokument. HTML dokumenti mogu se uređivati u uređivaču teksta, poput notepad-a, ili u specijalizovanom uređivaču koda, poput Adobe Dreamweaver. Slijedite ove korake za otvaranje HTML dokumenta u odabranom programu:

Otvorite Notepad ili drugi uređivač teksta / uređivač koda.
Otvorite meni Dosije.
Kliknuti Otvoren.
Odaberite HTML datoteku.
Kliknuti Otvoren

2. Dodajte naslov HTML dokumentu. Ako u HTML dokumentu nema zaglavlja, slijedite ove korake za dodavanje. Naslov mora ići nakon oznake I ispred oznake .

Ući Na vrhu dokumenta.

Dvaput kliknite ↵ Unesite da biste dodali dvije nove linije.

Ući , Za zatvaranje naslova.

3. Ući unutrašnjost. Oznaka "stila" postavlja se između dva zaglavlja za kreiranje mjesta na kojem se HTML dizajn može promijeniti pomoću CSS koda.

Alternativni načini Možete koristiti tablicu listova vanjskog stila. Pročitajte članak "Kako umetnuti CSS datoteku u HTML", Da biste saznali kako povezati vanjsku CSS datoteku sa HTML datotekom.

4. Ući Hr {.Ovo je CSS oznaka za oblikovanje vodoravne linije. Dodajte ga nakon "stila" oznake u zaglavlju ili u vanjskoj CSS datoteci.

pet. Dodajte stilove CSS za oznaku
.Moraju ići nakon oznake "HR {".Vodoravna linija može se izdati na više načina. Ispod su neki od njih.

Ući Širina: ## px-, Da biste konfigurirali širinu linije. Zamijenite širinu vrijednosti "##" u pikselima. Umjesto piksela (px) možete koristiti postotak (%).

Ući Visina: ## px-, Da biste postavili debljinu linije. Zamijenite "##" debljinu linije u pikselima.

Ući Boja pozadine: ##-, Da biste odredili liniju boju. Zamijenite "##" po nazivu boje ili rešetke (#), nakon čega će ići heksadecimalni kod u boji.

Ući Marža - desno: ## px-, Da biste odredili broj piksela s desne ivice. Zamijenite "##" po broju piksela ili "Auto" kôd. Unesite "AUTO" za poravnavanje linije na lijevoj ivici ili u sredini.

Ući Marža lijevo: ## px-, Da biste odredili broj piksela s lijeve ivice. Zamijenite "##" po broju piksela ili "Auto" kôd.Unesite "AUTO" da biste poravnali liniju na desnoj ivici ili u sredini.

Ući Margin-top: ## px- , Da biste odredili gornji uvlačenje za liniju. Zamijenite "##" po broju koji odgovara širini uvlaka u pikselima.

Ući Dno marže: ## px-, Da biste odredili uvlačenje donjeg dijela leđa. Zamijenite "##" po broju koji odgovara širini uvlaka u pikselima.

Ući Širina granice: ## px-, Da biste nacrtali okvir oko linije (neobavezno). Zamijenite "##" po broju koji odgovara debljini okvira u pikselima.

Ući Boja granice: ##-, Da biste odredili boju okvira (neobavezno). Zamijenite "##" po nazivu boje ili rešetke (#), nakon čega će ići heksadecimalni kod u boji.

6. Ući } Nakon stilskog atributa da biste dovršili postavku stila za oznaku
.

7. Ući bilo gdje u tijelu HTML dokumenta za dodavanje vodoravne linije. Postavke CSS stila primjenjivat će se nakon svake upotrebe oznake

U HTML dokumentu.Vaš kôd treba pogledati približno na sljedeći način:

 Tip ="Tekst / CSS"> HR {širina: 50% -Oznaka: 20px-pozadina-boja: crveno-margin-desno: auto-margin-lijevo: auto-margin-top: 5px-margin-dno: 5px-granična širina: 2px-granica- Boja: Green-}Naslov
Ovaj niz mora biti odvojen od zaglavlja vodoravne linije