Kako napraviti vodoravnu liniju u css-u. horizontalne linije

Prilikom izrade HTML stranice, stil igra bitnu ulogu. Pogotovo kada govorimo o raznim simbolima i ukrasima: ove male stvari pomažu učiniti "jezik" vaše stranice pristupačnijim i jasnijim, a također značajno mijenjaju njezinu percepciju i izgled općenito. Jedan od najvažnijih elemenata dizajna je vodoravna linija, a dalje ćemo detaljnije naučiti kako s njom raditi i kako napraviti horizontalnu liniju u html-u.

Što je horizontalna linija i zašto je potrebna

Vodoravna linija u html-u je element dizajna stranice koji obavlja niz funkcija:

1. dekorativni. Pomaže dodati atraktivnosti stranici.
2. Dijeljenje. Doprinosi učinkovitom razdvajanju informacija različitih značenja.
3. Naglašavanje ili naglašavanje. Posjetiteljima stranice skrenut će pozornost na potrebne i najvažnije informacije.

Upravo se vodoravna linija smatra najpristupačnijim načinom provedbe niza funkcija. Vrlo je jednostavno stvoriti, a izvana izgleda vrlo isplativo. Jednostavnim promjenama html koda možete kontrolirati:

• duljina;
• širina;
• karakteristike boje;
• poravnanje na jednom ili drugom rubu.

Vrijedi napomenuti da se vodoravna linija odnosi na blok elemente. To znači da zauzima novi redak na stranici, a tekst koji slijedi ići će ispod.

Izrada vodoravne crte u HTML-u

Možete postaviti liniju pomoću jednostavne oznake - hr u trokutastim zagradama. Skraćenica je za "Horizontalno pravilo" i postavlja klasične vanjske parametre. Razlikuje se od mnogih drugih po tome što ne treba završnu oznaku i može postojati samostalno. Možete promijeniti vanjske karakteristike elementa pomoću dodatnih vrijednosti u oznaci:

1. Duljina. Ako ne želite da duljina retka pokriva cijelu stranicu, tada možete postaviti željenu veličinu u pikselima ili postocima. To se radi uz pomoć dodatne riječi "width" u oznaci i brojčanog pokazatelja duljine navedenog iza znaka "=" u navodnicima.

To izgleda ovako. Na primjer, ako nam je potrebna duljina od 100 piksela, postavljamo sljedeću oznaku: hr width="100"

1. poravnanje. Poravnanje je moguće na lijevom ili desnom rubu, a također i u sredini. Ovo svojstvo stupa na snagu samo ako ste već postavili parametar širine, jer se linija na cijeloj stranici ne može poravnati. Za poravnanje postavljamo dodatni atribut u oznaku "align" i dodajemo mu smjer: centar - za središte, lijevo - za lijevo i desno - za desno poravnanje.

Gotova oznaka u ovom slučaju će izgledati ovako. Na primjer, ako trebamo postaviti središnje poravnanje za vodoravnu liniju dugu 150 piksela, tada će gotova oznaka izgledati ovako: hr align="center" width="150".

Imajte na umu da je "align", metrika za poravnanje, postavljena na 1, iako atribut ovisi o metrici širine.

1. Širina. Po želji možete odrediti i širinu, stvarajući podebljano ili tanko podcrtavanje. Ovaj kriterij ne ovisi ni o čemu i može se koristiti kao samostalan bez navođenja duljine ili poravnanja. Za to koristimo atribut size na oznaci i numeričku vrijednost jednaku željenoj širini u pikselima. Broj je naveden u navodnicima nakon atributa veličine i simbola "=".

Dakle, ako želimo napraviti liniju širine 15 piksela, potrebno je kreirati sljedeću oznaku: hr size="15".

1. Boja. Također se postavlja kao neovisni pokazatelj. Za njegovu promjenu koristi se atribut boje u kombinaciji s nazivom boje u obliku koda ili na engleskom. Boja je navedena u navodnicima iza simbola "=".

Dakle, oznaka za standardnu ​​bijelu liniju može se napisati na dva načina: hr color="#FFFFFF" ili hr color="white"

Crna boja se može stvoriti pomoću koda #000000.

1. Odloži sjena. Ako vam je potreban element koji ne sadrži sjenu, tada bi se u oznaci trebao koristiti atribut noshade. Može se koristiti samostalno ili u kombinaciji s drugim elementima. Oznaka za standardnu ​​liniju koja ga koristi izgledat će ovako: hr noshade

Napravite vodoravnu liniju s videom

A ako želite dobiti informacije u vizualnijem formatu, pogledajte sljedeći video, koji detaljno opisuje mogućnosti rada s vodoravnom crtom.

Nakon što ste odredili potrebne dimenzije vodoravne crte, možete urediti stranice stranice na takav način da su informacije strukturirane i vizualno dobro oblikovane. To posjetiteljima olakšava uočavanje prezentiranih informacija i razlikovanje vaše stranice od drugih.

Kako bismo naglasili neke od najvažnijih elemenata stranice, ne bi škodilo koristiti sve vrste CSS stilova i svojstava predviđenih za to. Naravno, ne možete se previše zamarati tekstom i istaknuti ga, na primjer, podebljanim ili kurzivom, promijeniti pozadinu ili napraviti okvir oko teksta. Ali nije uvijek jedna od predstavljenih metoda prikladna. Recimo da imate tekst koji je potrebno odvojiti zbog specifičnosti njegovog semantičkog opterećenja. Ovdje dolaze HTML i CSS svojstva.

Kako napraviti redak u tekstu koristeći CSS

Da bismo postigli svoj cilj, moramo se obratiti style.css datoteka, upisivanjem odgovarajućeg svojstva granica. To će uzrokovati da se linija pojavi iznad, ispod ili na određenoj strani teksta. Zauzvrat, postoji nekoliko svojstava odgovornih za prikaz linije, i to:

- obrubni vrh– vodoravna crta koja se nalazi iznad teksta;

- granica-desno- okomita crta koja se nalazi desno od teksta;

- granica-dno– vodoravna crta koja se nalazi ispod teksta;

- granica-lijevo je okomita linija s lijeve strane.

Kako napraviti liniju u html-u

Koristeći CSS svojstva, možete postaviti sve potrebne vrijednosti uređivanjem HTML koda. Da biste to učinili, idite na administrativni dio stranice. Odaberite jedan od objavljenih materijala, prebacite uređivač teksta na način za uređivanje HTML koda i dodajte CSS svojstva. Uzorak se može vidjeti u nastavku.

Kratko objašnjenje naredbi

- širina– duljina linije;

- čvrsta- puna linija;

- točkasta- točkasta linija.

Za dublje razumijevanje stilova preporučam da pročitate ovo.

Morate razumjeti da su u procesu izmjene koda web-mjesta svojstva koja određuju vrstu linije, njezinu debljinu i boju navedena s razmakom.

Ova metoda ima nekoliko prednosti:

Širok raspon mogućnosti s kojima možete napraviti gotovo svaku liniju.

Jednostavnost unošenja svih potrebnih promjena izravno u HTML kod. To uvelike pojednostavljuje zadatak neiskusnim graditeljima web stranica.

Kako napraviti ravnu vodoravnu liniju s HTML oznakom

---

Prvo na što bih vam htio skrenuti pozornost je da ovaj tag, unatoč svim suptilnostima i principima html-a, nema završnu oznaku. Može se koristiti bilo gdje u html kodu, između oznaka i.

Atributi oznake

---

- širina- odgovoran je za duljinu linije. Može se odrediti i kao postotak i kao pikseli.

- veličina– debljina linije. Navedeno u pikselima.

- boja– definira boju linije.

- uskladiti– atribut odgovoran za poravnanje linije. Zauzvrat, tim se odnosi na njega.

Pozdrav dragi čitatelji! Danas ćemo razgovarati o blokovarazd i o tome horizontalne linijehr.

Unutar oznake < div>div> stvara se nevidljivi blok (spremnik) na koji možemo utjecati pomoću CSS-a. Bez CSS-a, ovaj blok ni na koji način ne utječe na okvir stranice.