Opis

Poravna blok besedila na rob.

Namesto tega atributa je treba uporabiti sloge

Sintaksa

Vrednosti

Privzeta vrednost

Primer. Poravnava besedila

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 dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit dolore deleni feu te gue 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.

Brskalniki: Desktop Mobile ?

✖

Brskalniki

V tabeli brskalnika se uporabljajo naslednje konvencije.

• - brskalnik v celoti podpira element;
• - brskalnik ne zazna elementa in je prezrt;
• - med delovanjem se lahko pojavijo različne napake ali pa je element podprt s pridržki.

Številka označuje različico brskalnika, iz katere je element podprt.

Za slike standardi ne opredeljujejo privzete poravnave glede na besedilo in druge slike v isti vrstici – ni vedno mogoče predvideti, kako bodo te komponente izgledale.1 V dokumentih HTML so slike običajno »vgrajene« samo z eno vrstico besedila. Kot je v tiskanih medijih v navadi, jih besedilo "ovije" tako, da je ob sliki lahko več vrstic in ne le ena.

Na srečo lahko ustvarjalci dokumentov nekoliko nadzorujejo poravnavo slik glede na okoliško besedilo z uporabo atributa align oznake. ... Standarda HTML in XHTML določata pet vrednosti za atribut align: levo, desno, zgoraj, sredino, spodaj. Leva in desna vrednosti povzročita, da se besedilo ovije okoli slike, zamaknjeno na ustrezen rob. Preostale tri poravnajo sliko navpično glede na okoliško besedilo.

Vsi priljubljeni brskalniki, vključno z Opera, Firefox, Netscape in Internet Explorer, se strinjajo, da je atribut align = bottom privzeta navpična poravnava in da slike enako postavljajo nad najvišji znak v vrstici besedila, glejte sl. 15.11.

Hkrati se brskalniki ne strinjajo glede tega, kako postaviti slike z atributom align = middle glede na besedilo. Na sl. Slika 5.11 prikazuje, da Netscape in Opera postavita sliko na podlagi srednje vrstice besedila. Glede brskalnikov Internet Explorer

riž. 5.11. Standardna poravnava vdelanih slik

riž. 5.12. Internet Explorer in Firefox poravnata srednjo vrstico slike s srednjo vrstico najvišjega elementa, ne s srednjo vrstico besedila

in Firefox, postavijo sliko na sredinsko črto najvišjega elementa, ki ni nujno besedilo (slika 5.12).

Poleg tega brskalniki v takšni ali drugačni meri podpirajo pet dodatnih funkcij za navpično poravnavo slik: vrh besedila, središče, absmiddle, baseline in absbottom (dvignite roko, če niste uganili, kaj pomenijo):

Izraz align = texttop pove brskalniku, naj zgornji rob slike poravna z zgornjim robom najvišjega besedilnega elementa v trenutni vrstici. V nasprotnem primeru je vrh v veljavi in ​​poravna vrh slike z vrhom najvišjega elementa, besedilne komponente ali slike v trenutni vrstici. Če vrstica ne vsebuje nobene druge slike, ki štrli nad besedilom, imata vrh besedila in vrh enak učinek. Opera ne podpira besedila, vendar ga drugi priljubljeni brskalniki razlagajo strogo v skladu s tem opisom.

Najprej predstavljena v Internet Explorerju in Netscapeu, se vrednost za center interpretira v brskalnikih Internet Explorer, Netscape in Firefox na enak način kot vrednost za sredino. A ne pozabimo, da vsak na svoj način razume pomen sredine. Opera prezre izraz align = center.

Če podate atribut align oznake vrednost absmiddle, bo brskalnik nastavil absolutno sredino slike proti absolutni sredini trenutne vrstice. To ne velja za srednjo in sredinsko vrednost, ki poravnata sredino slike z osnovno črto trenutne vrstice besedila. Medtem ko Netscape in Opera ne razlikujeta med absmiddle in srednjim, Firefox in Internet Explorer uporabljata te vrednosti za selektivno poravnavo slik na sredinske črte. Z drugimi besedami, Firefox in Internet Explorer obravnavata absmiddle na enak način kot Netscape sredino.

riž. 5.13. Pri poravnavi slik z atributom alingn = absbottom brskalniki spoštujejo descenderje

dno in izhodišče (privzeto)

Spodnja in osnovna vrednost imata enak učinek, kot če sploh ne bi vključili atributa poravnave. Brskalnik poravna spodnji del slike z osnovno črto besedila. Tega ne smete zamenjevati z učinkom absbottom vrednosti, ki vključuje tudi dele črk, ki padejo pod osnovno črto.1 (Če imate roko še vedno dvignjeno, jo lahko spustite.)

Izraz align = absbottom pove brskalniku, da poravna spodnji del slike s pravim dnom besedila v trenutni vrstici. Pravo dno je skrajna spodnja točka besedila, vključno z vsemi descenderji (na primer dnom "y"), tudi če jih v vrstici ni. Osnovna črta poteka vzdolž spodnjega roba "v" v simbolu "y". Opera, nosilec standarda, ignorira absbottom vrednost, drugi priljubljeni brskalniki pa jo obravnavajo, kot je opisano (slika 5.13).

Uporabite zgornji in srednji del za poravnavo sličic, oznak in drugih posebnih slik z bližnjim besedilom. V drugih primerih se s poravnavo = bottom (privzeto) doseže boljši videz in občutek. Ko poravnate eno ali več slik v vrstici, izberite vrednost atributa, ki bo vašemu dokumentu dala najboljši videz.

Do zdaj sva z vami elemente poravnala le na levo. Natančneje, tega sploh nismo naredili, sam brskalnik pa privzeto poravna elemente na levo. Seveda bi bilo preveč dolgočasno, če bi vse poravnali na levo. Zato obstajajo različni načini za centriranje in poravnavo desno.

Poravnava elementov je nekaj, kar morate vedeti, kdaj. Prva stvar je, da vnesete najpreprostejšo stran.

Nekoč je bila oznaka

Ne svetujem vam, da ga uporabite zdaj, zaradi dostopnosti sodobnejših metod, vendar ne morem, da ne omenim. Je zelo, zelo enostaven za uporabo. Vse, kar potrebujete za sredinsko poravnavo, vstavite v to oznako. Na primer, tukaj poravnamo naslov 1. ravni na sredini.

Dodate lahko sliko, tudi poravnano na sredini, pojdimo tudi na naslednjo vrstico z oznako
:

Naslov 1. stopnje, na sredini

To je bila oznaka

ki je že zastarel, poleg tega pa je v nasprotju z vašimi pričakovanji glede oznak in preprosto ne obstaja. Recimo privzeto poravnano levo, sredinsko z uporabo oznake , kaj pa desnica?

Za rešitev tega problema so razvijalci pripravili univerzalen način za poravnavo elementov. Html... Način je uporaba tako imenovanih vsebnikov, ki so ustvarjeni s pomočjo oznake

... To pomeni, da je vse, kar je treba postaviti v določeno posodo, nameščeno znotraj oznake

... In že ta oznaka ima atribut " poravnati", katerega vrednost določa položaj tega vsebnika. Obstajajo tri vrednosti:" levo", "center", "prav". Privzeto je vredno" levo"Vendar mislim, da niste presenečeni.

Napišimo zdaj enako HTML koda vendar z uporabo vsebnikov poleg tega ne poravnajmo sredinsko, ampak desno.

Kot lahko vidite, vse deluje. Svetujem vam, da spremenite tudi vrednosti atributov " poravnati"da si ogledate druge vrste poravnave posod.

Drug način za poravnavo elementov Html- to so tabele, vendar si ta tema zasluži ločeno razpravo, zato bomo o njej govorili v enem od naslednjih člankov.

Do takrat naj bi vaša stran izgledala takole:

Naslov 1. stopnje, na sredini

Naslov 1. stopnje je poravnan desno

Lep pozdrav, Mikhail Rusakov.

P.S.Če želite izvedeti več o Html, nato si oglejte moj brezplačni tečaj s primerom izdelave spletne strani na Html:

Za slike lahko določite njihov položaj glede na besedilo ali druge slike na spletni strani. Način poravnave slik je določen z atributom align.

Ta atribut je zastarel, namesto tega uporabite sloge.

Sintaksa

Vrednosti

Tabela V tabeli 1 so navedene možne vrednosti za atribut align in rezultat njegove uporabe.

Tab. 1. Uporaba vrednosti atributa align

Pomen	Opis	Primer
dno	Poravna spodnjo obrobo slike z okoliškim besedilom.
levo	Poravnava sliko na levo stran okna.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
sredina	Poravna sredino slike z osnovno črto trenutne vrstice.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
prav	Poravnava sliko na desni rob okna.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
vrh	Zgornja obroba slike je poravnana z najvišjim elementom trenutne vrstice.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...

Privzeta vrednost

Primer

To besedilo se ovije okoli slike na levi strani.

Brskalniki

V tabeli brskalnika se uporabljajo naslednje konvencije.

• - brskalnik v celoti podpira element;
• - brskalnik ne zazna elementa in je prezrt;
• - med delovanjem se lahko pojavijo različne napake ali pa je element podprt s pridržki.

Številka označuje različico brskalnika, iz katere je element podprt.

Oznake HTML, ki določajo poravnavo besedila, zamik

V tipografiji se uporablja poravnano besedilo

Spodnji primer prikazuje, kako poravnati besedilo na širino strani:

poravnava = "levo"	poravnava = "desno"
	Število delavcev, zaposlenih v storitvenem sektorju in širjenju informacij, raste vsak dan. Če sta bila kmetija in tovarna simbol preteklih stoletij, potem je simbol sedanjega XXI stoletja pisarna, opremljena z računalniki, ki imajo dostop do informacijskega toka.
poravnaj = "upraviči"	align = "center"
Število delavcev, zaposlenih v storitvenem sektorju in širjenju informacij, raste vsak dan. Če sta bila kmetija in tovarna simbol preteklih stoletij, potem je simbol sedanjega XXI stoletja pisarna, opremljena z računalniki, ki imajo dostop do informacijskega toka.	Število delavcev, zaposlenih v storitvenem sektorju in širjenju informacij, raste vsak dan. Če sta bila kmetija in tovarna simbol preteklih stoletij, potem je simbol sedanjega XXI stoletja pisarna, opremljena z računalniki, ki imajo dostop do informacijskega toka.

Vrednost utemeljitve zagotavlja enotnost desna in leva poravnava besedila, to je v širino... Ta metoda se pogosto uporablja v tisku.

Poravnava besedila v središču in širini HTML

Besedilo poravnajte na sredino v HTML, besedilo na desno:

rezultat:

Lastnosti in vrednosti

• align = "levo" - definira poravnaj besedilo na levo(privzeto).
• poravnava = "center" - poravna besedilo na sredino.
• poravnaj = "desno" - poravna besedilo v desno.

Poravnava | Zamik besedila HTML

Besedilo HTML in njegova zamika na levi strani strani

Proizvajali bomo zamik besedila na levi na dva načina:

rezultat:

Poglej v novem oknu.