Opis

Poravnava blok teksta s rubom.

Umjesto ovog atributa moraju se koristiti stilovi

Sintaksa

Vrijednosti

Zadana vrijednost

Primjer. Poravnanje teksta

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

Preglednici: Desktop Mobile ?

✖

Preglednici

U tablici preglednika koristi se sljedeća oznaka.

• - element u potpunosti podržava preglednik;
• - preglednik ne percipira element i zanemaruje ga;
• - tijekom rada mogu se pojaviti razne greške ili je element podržan s rezervama.

Broj označava verziju preglednika iz kojeg je element podržan.

Za slike, standardi ne određuju zadano poravnanje u odnosu na tekst i druge slike u istom retku—nije uvijek moguće predvidjeti kako će te komponente izgledati.1 U HTML dokumentima slike su obično raspoređene "u liniji" sa samo jednim redom teksta. Kao što je uobičajeno u tiskanim medijima, tekst ih “omata” tako da uz sliku može biti nekoliko redaka, a ne jedan.

Srećom, kreatori dokumenata imaju određenu kontrolu nad načinom na koji se slike poravnavaju s okolnim tekstom putem atributa poravnanja oznake. . HTML i XHTML standardi definiraju pet vrijednosti za atribut poravnanja: lijevo, desno, gore, sredina, dno. Lijeva i desna vrijednost uzrokuju omotavanje teksta oko slike, pomaknuto prema odgovarajućem rubu. Preostala tri poravnavaju sliku okomito u odnosu na okolni tekst.

Svi popularni preglednici, uključujući Operu, Firefox, Netscape i Internet Explorer, slažu se da je atribut align=bottom zadani za okomito poravnanje i postavljaju slike jednako iznad najvišeg znaka u retku teksta, pogledajte sliku 1. 15.11.

U isto vrijeme, preglednici se ne slažu oko toga kako pozicionirati slike s atributom align=middle u odnosu na tekst. Na sl. Slika 5.11 pokazuje da Netscape i Opera pozicioniraju sliku na temelju srednjeg retka teksta. Što se tiče preglednika Internet Explorer

Riža. 5.11. Standardno poravnanje ugrađenih slika

Riža. 5.12. Internet Explorer i Firefox poravnavaju središnju crtu slike sa središnjom crtom najvišeg elementa, a ne središnju crtu teksta

i Firefox, postavljaju sliku u sredinu najvišeg elementa, koji nije nužno tekstualni element (Slika 5.12).

Osim toga, preglednici u različitim stupnjevima podržavaju pet dodatnih značajki okomitog poravnanja za slike: gornji dio teksta, centar, gornji dio, osnovnu liniju i dno (podignite ruku ako niste pogodili što znače):

Naredba align=texttop govori pregledniku da poravna gornji rub slike s gornjim rubom najvišeg tekstualnog elementa u trenutnom retku. Inače je na snazi ​​vrh, koji poravnava gornji rub slike s gornjim rubom najvišeg elementa, tekstualne komponente ili slike u trenutnom retku. Ako redak ne sadrži druge slike iznad teksta, texttop i top imaju isti učinak. Opera ne podržava texttop, ali ga drugi popularni preglednici tumače strogo u skladu s ovim opisom.

Središnju vrijednost, prvi put predstavljenu u Internet Exploreru i Netscapeu, Internet Explorer, Netscape i Firefox tumače na potpuno isti način kao srednju vrijednost. Samo nemojmo zaboraviti da svatko od njih shvaća vrijednost sredine na svoj način. Opera zanemaruje izraz align=center.

Ako dodijelite atribut align oznake vrijednost absmiddle, preglednik će postaviti apsolutnu sredinu slike u odnosu na apsolutnu sredinu trenutnog retka. Ovako ne funkcioniraju srednje i središnje vrijednosti, koje poravnavaju sredinu slike s osnovnom linijom trenutnog retka teksta. Dok Netscape i Opera ne razlikuju absmiddle i middle, Firefox i Internet Explorer koriste ove vrijednosti za selektivno poravnavanje slika prema srednjim crtama. Drugim riječima, Firefox i Internet Explorer tretiraju absmiddle na isti način na koji Netscape tretira sredinu.

Riža. 5.13. Prilikom poravnavanja slika s atributom alingn=absbottom, preglednici uzimaju u obzir silazne elemente

dno i osnovna linija (zadano)

Donja i osnovna vrijednost imaju isti učinak kao da uopće niste uključili atribut poravnanja. Preglednik poravnava donji rub slike s osnovnom linijom teksta. Ovo se ne smije brkati s učinkom vrijednosti absbottoma, koja također uzima u obzir one dijelove slova koji idu ispod osnovne linije.1 (Ako i dalje držite ruku gore, možete je spustiti.)

Naredba align=absbottom govori pregledniku da poravna dno slike s pravim dnom teksta u trenutnom retku. Pravo dno je krajnja donja točka teksta, uključujući sve silazne elemente (kao što je dno znaka "y"), čak i ako ih nema u retku. Osnovna linija ide duž donjeg ruba "v" u znaku "y". Opera, nositelj standarda, zanemaruje absbottom vrijednost, dok je drugi popularni preglednici tretiraju na opisani način (Slika 5.13).

Koristite vrh i sredinu za poravnavanje ikona, grafičkih oznaka i drugih posebnih slika s obližnjim tekstom. U drugim slučajevima, align=bottom (odabrano prema zadanim postavkama) postiže bolji izgled. Kada poravnavate jednu ili više slika po retku, odaberite vrijednost atributa koja će vam dati najbolji izgled vašeg dokumenta.

Do sada smo samo poravnavali elemente ulijevo. Točnije, mi to uopće nismo napravili, a sam preglednik prema zadanim postavkama poravnava elemente ulijevo. Naravno, bilo bi predosadno sve poravnati ulijevo. Stoga postoje različiti načini poravnanja prema sredini i prema desnoj strani.

Poravnavanje elemenata je nešto što jednostavno trebate znati kada. Prvo što trebate učiniti je upisati najjednostavniju stranicu.

Bila jednom jedna oznaka

Ne savjetujem vam da ga sada koristite, zbog dostupnosti suvremenijih metoda, ali ne mogu to ne spomenuti. Korištenje je vrlo, vrlo jednostavno. Sve što vam je potrebno za centriranje, stavite unutar ove oznake. Ovdje, na primjer, ovdje poravnavamo naslov 1. razine u sredini.

Možete dodati i sliku centriranu, prijeđimo i na sljedeći red pomoću oznake
:

Naslov 1. razine centriran

Bila je to oznaka

, koji je već zastario, osim toga, suprotno vašim očekivanjima od oznaka i jednostavno ne postoji. Recimo da je prema zadanim postavkama poravnato lijevo, centrirano pomoću oznake , ali što je s onim pravim?

Kako bi riješili ovaj problem, programeri su smislili univerzalni način poravnavanja elemenata. HTML. Metoda je korištenje takozvanih spremnika, koji se stvaraju pomoću oznake

. Odnosno, sve što treba staviti u određeni spremnik nalazi se unutar oznake

. I ova oznaka već ima atribut " uskladiti", čija vrijednost određuje položaj ovog spremnika. Postoje tri vrijednosti: " lijevo", "centar", "pravo". Zadana vrijednost je " lijevo Međutim, mislim da vas to ne čudi.

Zapišimo sada isto HTML kôd, ali uz korištenje spremnika, osim toga, nemojmo se poravnati u središte, već udesno.

Kao što vidite, sve radi. Savjetujem vam da također promijenite vrijednost atributa " uskladiti" kako biste pogledali druge vrste usklađivanja sadržaja spremnika.

Još jedan način za poravnavanje elemenata HTML- ovo su tablice, ali ova tema zaslužuje posebnu raspravu, pa ćemo o njoj govoriti u nekom od sljedećih članaka.

Za sada bi vaša stranica trebala izgledati ovako:

Naslov 1. razine centriran

Naslov razine 1, poravnat udesno

S poštovanjem, Mikhail Rusakov.

p.s. Ako želite saznati više o HTML, zatim pogledajte moj besplatni tečaj s primjerom izrade web stranice na HTML:

Za slike možete odrediti njihov položaj u odnosu na tekst ili druge slike na web stranici. Poravnanje slike određeno je atributom align.

Ovaj je atribut zastario, umjesto njega koristite stilove.

Sintaksa

Vrijednosti

U tablici. 1 navodi moguće vrijednosti za atribut align i rezultat njegove uporabe.

tab. 1. Korištenje vrijednosti atributa poravnanja

Značenje	Opis	Primjer
dno	Poravnava donji rub slike s okolnim tekstom.
lijevo	Poravnava sliku na lijevi rub prozora.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
sredini	Poravnava sredinu slike s osnovnom linijom trenutnog retka.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
pravo	Poravnava sliku na desni rub prozora.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
vrh	Gornji obrub slike poravnat je s najvišim elementom trenutnog retka.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

Zadana vrijednost

Primjer

Ovaj tekst obavija sliku uz njen lijevi rub.

Preglednici

U tablici preglednika koristi se sljedeća oznaka.

• - element u potpunosti podržava preglednik;
• - preglednik ne percipira element i zanemaruje ga;
• - tijekom rada mogu se pojaviti razne greške ili je element podržan s rezervama.

Broj označava verziju preglednika iz kojeg je element podržan.

HTML oznake koje definiraju poravnanje teksta, uvlačenje

Obostran tekst koji se koristi u tipografiji

Primjer u nastavku pokazuje kako poravnati tekst u širinu stranice:

poravnaj="lijevo"	poravnaj="desno"
	Svakim danom raste broj radnika zaposlenih u uslužnom sektoru i širenju informacija. Ako su simboli prošlih stoljeća bili farma i tvornica, onda je simbol sadašnjeg 21. stoljeća ured opremljen računalima koja imaju pristup protoku informacija.
align="justify"	align="center"
Svakim danom raste broj radnika zaposlenih u uslužnom sektoru i širenju informacija. Ako su simboli prošlih stoljeća bili farma i tvornica, onda je simbol sadašnjeg 21. stoljeća ured opremljen računalima koja imaju pristup protoku informacija.	Svakim danom raste broj radnika zaposlenih u uslužnom sektoru i širenju informacija. Ako su simboli prošlih stoljeća bili farma i tvornica, onda je simbol sadašnjeg 21. stoljeća ured opremljen računalima koja imaju pristup protoku informacija.

Vrijednost opravdanja osigurava jednoličnost poravnanje teksta desno i lijevo, to je u širinu. Ova metoda se široko koristi u tisku.

Poravnanje teksta u HTML-u za centriranje i poravnanje

Poravnajte tekst u HTML-u u sredinu, tekst udesno:

Proizlaziti:

Atributi i vrijednosti

• align="left" - definira lijevo poravnanje teksta(zadano).
• align="center" - poravnava tekst prema sredini.
• poravnaj="desno" poravnava tekst udesno.

Usklađivanje | uvlaka HTML teksta

HTML tekst i njegovo uvlačenje na lijevoj strani stranice

Hajdemo proizvoditi uvlaka teksta lijevo na dva načina:

Proizlaziti:

Pogledaj u novom prozoru.