Kirjeldus

Joondab tekstiploki servaga.

Selle atribuudi asemel tuleb kasutada stiile

Süntaks

Väärtused

Vaikeväärtus

Näide. Teksti joondamine

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 falisi null zzril delenit au gue felisit. 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.

Brauserid: lauaarvuti mobiil ?

✖

Brauserid

Brauseri tabelis kasutatakse järgmist tähistust.

• - elementi toetab täielikult brauser;
• - elementi brauser ei taju ja seda ignoreeritakse;
• - töö käigus võib esineda erinevaid tõrkeid või elementi toetatakse reservatsioonidega.

Number näitab brauseri versiooni, millest elementi toetatakse.

Kujutiste puhul ei määra standardid vaikimisi joondust teksti ja muude samal real olevate piltide suhtes – alati ei ole võimalik ennustada, kuidas need komponendid välja näevad.1 HTML-dokumentides on pildid tavaliselt paigutatud "real" ainult ühe tekstireaga. Nagu trükimeedias kombeks, "keerab" tekst nende ümber, nii et pildiga saab kõrvuti olla mitu rida ja üldse mitte üks.

Õnneks on dokumendi loojatel märgendi joondusatribuudi kaudu mõningane kontroll selle üle, kuidas pildid ümbritseva tekstiga joonduvad. . HTML- ja XHTML-standardid määravad joondusatribuudile viis väärtust: vasak, parem, ülemine, keskmine, alumine. Vasak- ja parempoolsed väärtused panevad teksti ümber pildi, nihutades vastava serva. Ülejäänud kolm joondavad pildi ümbritseva teksti suhtes vertikaalselt.

Kõik populaarsed brauserid, sealhulgas Opera, Firefox, Netscape ja Internet Explorer, nõustuvad, et atribuut align=bottom on vertikaalse joonduse vaikeseade ja paigutavad pildid tekstirea ülemisest tähemärgist võrdselt kõrgemale, vt joonis 1. 15.11.

Samal ajal on brauserid eriarvamusel, kuidas paigutada atribuudiga align=middle pilte teksti suhtes. Joonisel fig. Joonis 5.11 näitab, et Netscape ja Opera paigutavad pildi teksti keskmise rea alusel. Seoses Internet Exploreri brauseritega

Riis. 5.11. Manustatud piltide standardjoondus

Riis. 5.12. Internet Explorer ja Firefox joondavad pildi keskjoone kõrgeima elemendi keskjoonega, mitte teksti keskjoonega

ja Firefox, paigutavad nad pildi kõrgeima elemendi keskele, mis ei pruugi olla tekstielement (joonis 5.12).

Lisaks toetavad brauserid enam-vähem viit täiendavat kujutiste vertikaalse joonduse funktsiooni: tekstipealne, keskosa, absmiddle, baasjoon ja absoot (tõstke käsi, kui te pole aimanud, mida need tähendavad):

Avaldus align=texttop käsib brauseril joondada pildi ülemise serva praeguse rea kõrgeima tekstielemendi ülemise servaga. Vastasel juhul kehtib ülaosa, mis joondab pildi ülaosa praeguse rea kõrgeima elemendi, tekstikomponendi või pildi ülaosaga. Kui real ei ole teksti kohal muid pilte, on tekstipealsel ja ülaosal sama efekt. Opera ei toeta texttopi, kuid teised populaarsed brauserid tõlgendavad seda rangelt vastavalt sellele kirjeldusele.

Internet Exploreris ja Netscape'is esmakordselt kasutusele võetud keskväärtust tõlgendavad Internet Explorer, Netscape ja Firefox täpselt samamoodi nagu keskmist väärtust. Ärgem lihtsalt unustagem, et igaüks neist mõistab keskväärtust omal moel. Opera ignoreerib avaldist align=center.

Kui määrate sildi joondamise atribuudi väärtus absmiddle, seab brauser pildi absoluutse keskkoha praeguse rea absoluutse keskkoha vastu. Nii ei tööta keskmised ja keskmised väärtused, mis joondavad pildi keskosa praeguse tekstirea lähtejoonega. Kuigi Netscape ja Opera ei tee vahet absmiddle ja middle vahel, kasutavad Firefox ja Internet Explorer neid väärtusi piltide valikuliseks keskjoonele joondamiseks. Teisisõnu kohtlevad Firefox ja Internet Explorer absmiddle samamoodi nagu Netscape keskmist.

Riis. 5.13. Piltide joondamisel atribuudiga alingn=absbottom võtavad brauserid arvesse laskujaid

alumine ja baasjoon (vaikimisi)

Alumisel ja algtasemel on sama mõju, nagu siis, kui te ei sisaldaks joondusatribuuti üldse. Brauser joondab pildi alumise serva teksti lähtejoonega. Seda ei tohiks segi ajada absbottom väärtuse toiminguga, mis võtab arvesse ka neid tähtede osi, mis jäävad algjoonest allapoole.1 (Kui hoiate siiski kätt üleval, saate seda langetada.)

Avaldus align=absbottom käsib brauseril joondada pildi alaosa aktiivse rea teksti tegeliku alaosaga. Tõeline alumine punkt on teksti kõige alumine punkt, sealhulgas kõik alanejad (nt y-tähe alumine osa), isegi kui neid real pole. Lähtejoon kulgeb piki "y" tähemärgi "v" alumist serva. Standardi kandja Opera ignoreerib absbottom väärtust, samas kui teised populaarsed brauserid käsitlevad seda kirjeldatud viisil (joonis 5.13).

Kasutage ülemist ja keskmist, et joondada ikoonid, loetleda täpid ja muud spetsiaalsed kujutised lähedalasuva tekstiga. Muudel juhtudel saavutab align=bottom (vaikimisi valitud) parema välimuse. Ühe või mitme pildi joondamisel rea kohta valige atribuudi väärtus, mis annab teie dokumendile parima välimuse.

Seni oleme elemendid joondanud ainult vasakule. Täpsemalt, me ei teinud seda üldse ja brauser ise joondab elemendid vaikimisi vasakule. Muidugi oleks liiga igav kõike vasakule joondada. Seetõttu on keskel ja paremale joondamiseks erinevaid viise.

Elementide joondamine on midagi, mida peate lihtsalt teadma, millal . Esimene asi, mida teha, on tippida kõige lihtsam leht.

Kunagi oli silt

Ma ei soovita teil seda nüüd kasutada, kuna on olemas kaasaegsemad meetodid, kuid ma ei saa seda mainimata jätta. Selle kasutamine on väga-väga lihtne. Kõik, mida vajate keskele joondamiseks, pange selle sildi sisse. Siin joondame näiteks 1. taseme pealkirja keskele.

Saate lisada pildi ka keskele, liigume ka järgmisele reale, kasutades silti
:

1. taseme pealkiri keskel

See oli silt

, mis on lisaks sellele vastupidiselt teie ootustele märgendite suhtes juba aegunud ja lihtsalt ei eksisteeri. Oletame, et vaikimisi joondatud vasakule, märgendi abil joondatud keskele , aga kuidas on lood õigega?

Selle probleemi lahendamiseks leidsid arendajad universaalse viisi elementide joondamiseks. HTML. Meetod on nn konteinerite kasutamine, mis luuakse sildi abil

. See tähendab, et kõik, mis tuleb konkreetsesse konteinerisse panna, pannakse sildi sisse

. Ja sellel sildil on juba atribuut " joondada", mille väärtus määrab selle konteineri asukoha. Väärtusi on kolm: " vasakule", "Keskus", "õige". Vaikimisi on " vasakule Kuid ma ei usu, et see teid üllatab.

Kirjutame nüüd sama HTML kood, kuid konteinerite kasutamisega joondame lisaks mitte keskele, vaid paremale.

Nagu näete, kõik töötab. Soovitan teil muuta ka atribuudi väärtust " joondada", et vaadata muud tüüpi konteineri sisu joondust.

Teine viis elementide joondamiseks HTML- need on tabelid, kuid see teema väärib eraldi arutelu, seega räägime sellest ühes järgmistest artiklitest.

Praegu peaks teie leht välja nägema selline:

1. taseme pealkiri keskel

1. taseme pealkiri, paremale joondatud

Lugupidamisega Mihhail Rusakov.

P.S. Kui soovite rohkem teada saada HTML, siis vaadake minu tasuta kursust veebisaidi loomise näitega aadressil HTML:

Piltide puhul saate määrata nende asukoha teksti või muude veebilehel olevate piltide suhtes. Pildi joonduse määrab atribuut align.

See atribuut on aegunud, kasutage selle asemel stiile.

Süntaks

Väärtused

Tabelis. 1 loetleb joondusatribuudi võimalikud väärtused ja selle kasutamise tulemused.

Tab. 1. Atribuutide väärtuste joondamine

Tähendus	Kirjeldus	Näide
põhja	Joondab pildi alumise äärise ümbritseva tekstiga.
vasakule	Joondab pildi akna vasaku servaga.	Lorem ipsum dolor sit amet, consectetuer adipiscing eliit...
keskel	Joondab pildi keskosa praeguse rea baasjoonega.	Lorem ipsum dolor sit amet, consectetuer adipiscing eliit...
õige	Joondab pildi akna paremasse serva.	Lorem ipsum dolor sit amet, consectetuer adipiscing eliit...
üleval	Pildi ülemine ääris on joondatud praeguse rea kõrgeima elemendiga.	Lorem ipsum dolor sit amet, consectetuer adipiscing eliit...

Vaikeväärtus

Näide

See tekst ümbritseb pildi vasakut serva.

Brauserid

Brauseri tabelis kasutatakse järgmist tähistust.

• - elementi toetab täielikult brauser;
• - elementi brauser ei taju ja seda ignoreeritakse;
• - töö käigus võib esineda erinevaid tõrkeid või elementi toetatakse reservatsioonidega.

Number näitab brauseri versiooni, millest elementi toetatakse.

HTML-sildid, mis määravad teksti joonduse, taande

Tüpograafias kasutatud õigustatud tekst

Allolev näide näitab, kuidas joondada tekst laiusele leheküljed:

joondus = "vasak"	joonda = "paremale"
	Iga päevaga kasvab teenindussektoris hõivatud töötajate arv ja teabelevi. Kui möödunud sajandite sümbolid olid talu ja tehas, siis praeguse 21. sajandi sümboliks on arvutitega varustatud kontor, millel on juurdepääs infovoogudele.
joondada = "õigustada"	joondus="kesk"
Iga päevaga kasvab teenindussektoris hõivatud töötajate arv ja teabelevi. Kui möödunud sajandite sümbolid olid talu ja tehas, siis praeguse 21. sajandi sümboliks on arvutitega varustatud kontor, millel on juurdepääs infovoogudele.	Iga päevaga kasvab teenindussektoris hõivatud töötajate arv ja teabelevi. Kui möödunud sajandite sümbolid olid talu ja tehas, siis praeguse 21. sajandi sümboliks on arvutitega varustatud kontor, millel on juurdepääs infovoogudele.

Põhjendusväärtus tagab ühtlase teksti joondamine paremale ja vasakule, see on laiuses. Seda meetodit kasutatakse laialdaselt trükis.

Teksti joondamine HTML-is keskele ja joondamiseks

Joondage HTML-i tekst keskele, tekst paremale:

Tulemus:

Atribuudid ja väärtused

• align="left" – määrab teksti vasakpoolne joondus(vaikimisi).
• align="center" - joondab teksti keskele.
• joonda = "paremale" joondab teksti paremale.

Joondamine | HTML-teksti taane

HTML-tekst ja selle taane lehe vasakus servas

Toodame teksti taane vasakul kahel viisil:

Tulemus:

Vaata uues aknas.