Paglalarawan

Ini-align ang isang bloke ng text sa gilid.

Dapat gamitin ang mga istilo sa halip na ang katangiang ito

Syntax

Ang mga halaga

Default na halaga

Halimbawa. Pag-align ng teksto

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 teisi fecilugat 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.

Mga Browser: Desktop Mobile ?

✖

Mga browser

Ang mga sumusunod na convention ay ginagamit sa talahanayan ng browser.

• - ang elemento ay ganap na sinusuportahan ng browser;
• - ang elemento ay hindi nakikita ng browser at hindi pinansin;
• - sa panahon ng operasyon, maaaring lumitaw ang iba't ibang mga error, o ang elemento ay suportado ng mga reserbasyon.

Isinasaad ng numero ang bersyon ng browser kung saan sinusuportahan ang elemento.

Para sa mga larawan, hindi tinukoy ng mga pamantayan ang isang default na pagkakahanay na may kinalaman sa teksto at iba pang mga larawan sa parehong linya — hindi laging posible na hulaan kung ano ang magiging hitsura ng mga bahaging ito.1 Sa mga dokumentong HTML, ang mga imahe ay karaniwang "inline" na may isa lamang linya ng teksto. Tulad ng nakaugalian sa print media, ang teksto ay "nakabalot" sa kanila, upang ang ilang mga linya ay maaaring katabi ng imahe, at hindi lamang isa.

Sa kabutihang palad, medyo nakontrol ng mga tagalikha ng dokumento ang pagkakahanay ng mga larawan kaugnay ng nakapalibot na text gamit ang attribute ng align ng tag. ... Tinutukoy ng mga pamantayan ng HTML at XHTML ang limang value para sa align attribute: kaliwa, kanan, itaas, gitna, ibaba. Ang kaliwa at kanang mga halaga ay nagiging sanhi ng pag-ikot ng teksto sa paligid ng imahe, na na-offset sa kaukulang gilid. Ang natitirang tatlong ihanay ang imahe nang patayo na may paggalang sa nakapalibot na teksto.

Ang lahat ng mga sikat na browser, kabilang ang Opera, Firefox, Netscape, at Internet Explorer, ay sumasang-ayon na ang align = bottom attribute ay ang default na vertical alignment, at ang mga imahe sa posisyon ay pantay sa itaas ng pinakamataas na character sa isang linya ng teksto, tingnan ang Fig. 15.11.

Kasabay nito, ang mga browser ay hindi sumasang-ayon sa kung paano iposisyon ang mga imahe na may align = middle attribute na nauugnay sa text. Sa fig. Ipinapakita ng Figure 5.11 na ipinoposisyon ng Netscape at Opera ang imahe batay sa gitnang linya ng teksto. Tungkol sa mga browser ng Internet Explorer

kanin. 5.11. Karaniwang pagkakahanay ng mga naka-embed na larawan

kanin. 5.12. Inihanay ng Internet Explorer at Firefox ang gitnang linya ng larawan sa gitnang linya ng pinakamataas na item, hindi ang gitnang linya ng teksto

at Firefox, ipinoposisyon nila ang imahe sa gitnang linya ng pinakamataas na elemento, na hindi kinakailangang teksto (Figure 5.12).

Bilang karagdagan, sinusuportahan ng mga browser, sa isang antas o iba pa, ang limang karagdagang feature para sa patayong pag-align ng imahe: texttop, center, absmiddle, baseline, at absbottom (itaas ang iyong kamay kung hindi mo nahulaan ang ibig sabihin ng mga ito):

Ang align = texttop expression ay nagsasabi sa browser na ihanay ang tuktok na gilid ng larawan sa tuktok na gilid ng pinakamataas na elemento ng text sa kasalukuyang linya. Kung hindi, ang tuktok ay may bisa at inihahanay ang tuktok ng larawan sa tuktok ng pinakamataas na elemento, bahagi ng teksto, o larawan sa kasalukuyang linya. Kung ang linya ay hindi naglalaman ng iba pang mga larawang nakausli sa itaas ng teksto, ang texttop at itaas ay may parehong epekto. Hindi sinusuportahan ng Opera ang texttop, ngunit binibigyang-kahulugan ito ng ibang mga sikat na browser ayon sa paglalarawang ito.

Unang ipinakilala sa Internet Explorer at Netscape, ang halaga para sa center ay binibigyang-kahulugan sa mga browser ng Internet Explorer, Netscape, at Firefox sa parehong paraan tulad ng halaga para sa gitna. Ngunit huwag nating kalimutan na ang bawat isa sa kanila ay nauunawaan ang kahulugan ng gitna sa kanyang sariling paraan. Binabalewala ng Opera ang expression na align = center.

Kung ibibigay mo ang align attribute ng tag value absmiddle, itatakda ng browser ang absolute middle ng imahe laban sa absolute middle ng kasalukuyang linya. Hindi ito ang kaso para sa gitna at gitnang mga halaga, na nakahanay sa gitna ng larawan sa baseline ng kasalukuyang linya ng teksto. Habang ang Netscape at Opera ay hindi nakikilala sa pagitan ng absmiddle at middle, ginagamit ng Firefox at Internet Explorer ang mga halagang ito upang piliing ihanay ang mga larawan sa mga centerline. Sa madaling salita, tinatrato ng Firefox at Internet Explorer ang absmiddle sa parehong paraan na tinatrato ng Netscape ang gitna.

kanin. 5.13. Kapag inihanay ang mga larawan sa katangiang alingn = absbottom, iginagalang ng mga browser ang mga bumababa

ibaba at baseline (default)

Ang mga halaga sa ibaba at baseline ay may parehong epekto na parang hindi mo isinama ang attribute ng alignment. Inihanay ng browser ang ibaba ng larawan sa baseline ng teksto. Hindi ito dapat malito sa epekto ng absbottom value, na kinabibilangan din ng mga bahagi ng mga titik na nasa ibaba ng baseline. 1 (Kung nakataas pa rin ang iyong kamay, maaari mo itong ibaba.)

Ang align = absbottom expression ay nagsasabi sa browser na ihanay ang ilalim ng larawan sa tunay na ibaba ng teksto sa kasalukuyang linya. Ang True Bottom ay ang pinakamababang punto ng teksto, kabilang ang anumang mga descender (halimbawa, sa ibaba ng "y"), kahit na wala sa linya. Ang baseline ay tumatakbo sa ilalim na gilid ng "v" sa simbolo na "y". Ang Opera, ang tagapagdala ng pamantayan, ay hindi pinapansin ang absbottom na halaga, at tinatrato ito ng iba pang sikat na browser gaya ng inilarawan (Larawan 5.13).

Gamitin ang itaas at gitna para i-align ang mga thumbnail, bullet point, at iba pang espesyal na larawan sa kalapit na text. Sa ibang mga kaso, ang align = bottom (ang default) ay nakakakuha ng mas magandang hitsura at pakiramdam. Kapag nag-align ng isa o higit pang mga larawan sa isang linya, piliin ang value ng attribute na magbibigay ng pinakamagandang hitsura sa iyong dokumento.

Hanggang ngayon, ikaw at ako ay nakahanay ng mga elemento sa kaliwa lamang. Mas tiyak, hindi namin ito ginawa, at ang browser mismo, bilang default, ay nakahanay sa mga elemento sa kaliwa. Siyempre, magiging masyadong boring na ihanay ang lahat sa kaliwa. Samakatuwid, may iba't ibang paraan upang i-center at i-align sa kanan.

Ang pagkakahanay ng mga elemento ay isang bagay na kailangan mo lang malaman kung kailan. Ang unang bagay na dapat gawin ay i-type ang pinakasimpleng pahina.

Noong unang panahon may tag

Hindi ko ipinapayo sa iyo na gamitin ito ngayon, dahil sa pagkakaroon ng mas modernong mga pamamaraan, ngunit hindi ko maaaring banggitin ito. Ito ay napaka, napakadaling gamitin. Anumang bagay na kailangan mong i-center-align, ilagay mo sa loob ng tag na ito. Halimbawa, dito namin inihanay ang 1st level heading sa gitna.

Maaari kang magdagdag ng isang larawan, naka-align din sa gitna, pumunta din tayo sa susunod na linya gamit ang tag
:

Level 1 na heading, nakasentro

Ito ay isang tag

na hindi na ginagamit, bilang karagdagan, salungat sa iyong mga inaasahan sa mga tag at wala lang. Sabihin nating naka-left align bilang default, nakagitna gamit ang tag , ngunit paano ang karapatan?

Upang malutas ang problemang ito, ang mga developer ay gumawa ng isang unibersal na paraan upang ihanay ang mga elemento. Html... Ang paraan ay ang paggamit ng tinatawag na mga lalagyan, na ginawa gamit ang tag

... Ibig sabihin, lahat ng bagay na kailangang ilagay sa isang partikular na lalagyan ay inilalagay sa loob ng tag

... At mayroon nang katangian ang tag na ito " ihanay", ang halaga nito ay tumutukoy sa posisyon ng container na ito. May tatlong value:" umalis", "gitna", "tama". Bilang default, sulit ito" umalis"gayunpaman, sa tingin ko hindi ka nagulat.

Isulat natin ang parehong ngayon HTML code pero with the use of containers, in addition, wag natin center align but right.

Tulad ng nakikita mo, gumagana ang lahat. Ipinapayo ko sa iyo na baguhin din ang mga halaga ng katangian " ihanay"upang tingnan ang iba pang mga uri ng pagkakahanay ng lalagyan.

Isa pang paraan upang ihanay ang mga elemento Html- ito ay mga talahanayan, ngunit ang paksang ito ay nararapat sa isang hiwalay na talakayan, kaya't pag-uusapan natin ito sa isa sa mga sumusunod na artikulo.

Hanggang sa panahong iyon, ang iyong pahina ay dapat magmukhang ganito:

Level 1 na heading, nakasentro

Level 1 heading na naka-align sa kanan

Pagbati, Mikhail Rusakov.

P.S. Kung gusto mong malaman ang higit pa tungkol sa Html, pagkatapos ay panoorin ang aking libreng kurso na may isang halimbawa ng paglikha ng isang website sa Html:

Para sa mga larawan, maaari mong tukuyin ang kanilang posisyon na nauugnay sa teksto o iba pang mga larawan sa isang web page. Ang paraan ng pag-align ng mga imahe ay tinukoy ng align attribute.

Hindi na ginagamit ang attribute na ito, gumamit na lang ng mga istilo.

Syntax

Ang mga halaga

mesa Ang talahanayan 1 ay naglilista ng mga posibleng halaga para sa align attribute at ang resulta ng paggamit nito.

Tab. 1. Gamit ang mga halaga ng align attribute

Ibig sabihin	Paglalarawan	Halimbawa
ibaba	Ini-align ang ibabang hangganan ng larawan sa nakapalibot na text.
umalis	Ini-align ang larawan sa kaliwa ng window.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
gitna	Ini-align ang gitna ng larawan sa baseline ng kasalukuyang linya.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
tama	Ini-align ang larawan sa kanang gilid ng window.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
itaas	Ang itaas na hangganan ng larawan ay nakahanay sa pinakamataas na elemento ng kasalukuyang linya.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...

Default na halaga

Halimbawa

Ang tekstong ito ay bumabalot sa larawan sa kaliwa.

Mga browser

Ang mga sumusunod na convention ay ginagamit sa talahanayan ng browser.

• - ang elemento ay ganap na sinusuportahan ng browser;
• - ang elemento ay hindi nakikita ng browser at hindi pinansin;
• - sa panahon ng operasyon, maaaring lumitaw ang iba't ibang mga error, o ang elemento ay suportado ng mga reserbasyon.

Isinasaad ng numero ang bersyon ng browser kung saan sinusuportahan ang elemento.

Mga HTML tag na tumutukoy sa pagkakahanay ng teksto, indentation

Ginagamit ang justified text sa typography

Ang halimbawa sa ibaba ay nagpapakita kung paano ihanay teksto sa lapad mga pahina:

align = "kaliwa"	align = "kanan"
	Ang bilang ng mga manggagawang nagtatrabaho sa sektor ng serbisyo at pagpapakalat ng impormasyon ay lumalaki araw-araw. Kung ang sakahan at pabrika ay ang mga simbolo ng mga nakaraang siglo, kung gayon ang simbolo ng kasalukuyang XXI century ay isang opisina na nilagyan ng mga computer na may access sa daloy ng impormasyon.
align = "bigyang-katwiran"	align = "gitna"
Ang bilang ng mga manggagawang nagtatrabaho sa sektor ng serbisyo at pagpapakalat ng impormasyon ay lumalaki araw-araw. Kung ang sakahan at pabrika ay ang mga simbolo ng mga nakaraang siglo, kung gayon ang simbolo ng kasalukuyang XXI century ay isang opisina na nilagyan ng mga computer na may access sa daloy ng impormasyon.	Ang bilang ng mga manggagawang nagtatrabaho sa sektor ng serbisyo at pagpapakalat ng impormasyon ay lumalaki araw-araw. Kung ang sakahan at pabrika ay ang mga simbolo ng mga nakaraang siglo, kung gayon ang simbolo ng kasalukuyang XXI century ay isang opisina na nilagyan ng mga computer na may access sa daloy ng impormasyon.

Tinitiyak ng justify na halaga ang pare-pareho kanan at kaliwang pagkakahanay ng teksto, yan ay sa lapad... Ang pamamaraang ito ay malawakang ginagamit sa pag-print.

Igitna at bigyang-katwiran ang teksto sa HTML

I-align sa gitna ang text sa HTML, text sa kanan:

Resulta:

Mga katangian at halaga

• align = "kaliwa" - tumutukoy ihanay ang teksto sa kaliwa(default).
• align = "gitna" - inaayos ang teksto sa gitna.
• align = "kanan" - inaayos ang teksto sa kanan.

Pag-align | HTML text indent

HTML text at ang indentation nito sa kaliwa ng page

Magpo-produce kami indent text sa kaliwa sa dalawang paraan:

Resulta:

Tingnan sa isang bagong window.