Penerangan

Menjajarkan blok teks ke tepi.

Gaya mesti digunakan dan bukannya atribut ini

Sintaks

Nilai

Nilai asal

Contoh. Penjajaran teks

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis and vero eros and accumsan and iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis nudolore te feugat. Untuk mengurangkan risiko, 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.

Pelayar: Desktop Mudah Alih ?

✖

Pelayar

Notasi berikut digunakan dalam jadual penyemak imbas.

• - elemen disokong sepenuhnya oleh penyemak imbas;
• - elemen tidak dilihat oleh penyemak imbas dan diabaikan;
• - pelbagai ralat mungkin berlaku semasa operasi, atau elemen disokong dengan tempahan.

Nombor tersebut menunjukkan versi penyemak imbas yang mana elemen itu disokong.

Untuk imej, piawaian tidak menentukan penjajaran lalai berkenaan dengan teks dan imej lain pada baris yang sama—tidak selalu mungkin untuk meramalkan rupa komponen ini.1 Dalam dokumen HTML, imej biasanya disusun "sebaris" dengan hanya satu baris teks. Seperti biasa dalam media cetak, teks "membungkus" mereka, supaya beberapa baris boleh bersebelahan dengan imej, dan tidak sama sekali.

Nasib baik, pencipta dokumen mempunyai kawalan ke atas cara imej diselaraskan dengan teks sekeliling melalui atribut penjajaran teg. . Piawaian HTML dan XHTML mentakrifkan lima nilai untuk atribut penjajaran: kiri, kanan, atas, tengah, bawah. Nilai kiri dan kanan menyebabkan teks membungkus imej, mengimbangi ke tepi yang sepadan. Tiga yang selebihnya menjajarkan imej secara menegak berkenaan dengan teks sekeliling.

Semua penyemak imbas popular, termasuk Opera, Firefox, Netscape dan Internet Explorer, bersetuju bahawa atribut align=bottom ialah lalai untuk penjajaran menegak, dan meletakkan imej sama di atas aksara paling atas dalam baris teks, lihat Rajah 1. 15.11.

Pada masa yang sama, penyemak imbas tidak bersetuju tentang cara meletakkan imej dengan atribut align=middle berbanding teks. Pada rajah. Rajah 5.11 menunjukkan Netscape dan Opera meletakkan imej berdasarkan garis tengah teks. Mengenai pelayar Internet Explorer

nasi. 5.11. Penjajaran standard imej terbenam

nasi. 5.12. Internet Explorer dan Firefox menjajarkan garis tengah imej dengan garis tengah elemen tertinggi, bukan garis tengah teks

dan Firefox, mereka meletakkan imej di tengah-tengah elemen tertinggi, yang tidak semestinya elemen teks (Rajah 5.12).

Selain itu, penyemak imbas pada tahap yang berbeza menyokong lima ciri penjajaran menegak tambahan untuk imej: atas teks, tengah, absmiddle, garis dasar dan absbottom (angkat tangan anda jika anda tidak meneka maksudnya):

Pernyataan align=texttop memberitahu pelayar untuk menjajarkan tepi atas imej dengan tepi atas elemen teks tertinggi pada baris semasa. Jika tidak, bahagian atas berkuat kuasa, yang menjajarkan tepi atas imej dengan tepi atas unsur tertinggi, komponen teks atau imej pada baris semasa. Jika baris tidak mengandungi imej lain di atas teks, bahagian atas teks dan bahagian atas mempunyai kesan yang sama. Opera tidak menyokong texttop, tetapi pelayar popular lain menafsirkannya dengan ketat mengikut penerangan ini.

Pertama kali diperkenalkan dalam Internet Explorer dan Netscape, nilai tengah ditafsirkan oleh Internet Explorer, Netscape dan Firefox dengan cara yang sama seperti nilai tengah. Cuma jangan kita lupa bahawa setiap daripada mereka memahami nilai pertengahan dengan cara mereka sendiri. Opera mengabaikan ungkapan align=center.

Jika anda menetapkan atribut penjajaran teg nilai absmiddle, penyemak imbas akan menetapkan tengah mutlak imej berbanding tengah mutlak baris semasa. Ini bukan cara nilai tengah dan tengah berfungsi, yang menjajarkan bahagian tengah imej dengan garis dasar baris teks semasa. Walaupun Netscape dan Opera tidak membezakan antara absmiddle dan tengah, Firefox dan Internet Explorer menggunakan nilai ini untuk menyelaraskan imej secara selektif ke garis tengah. Dalam erti kata lain, Firefox dan Internet Explorer melayan absmiddle dengan cara yang sama seperti Netscape merawat middle.

nasi. 5.13. Apabila menjajarkan imej dengan atribut alingn=absbottom, pelayar mengambil kira turunan

bawah dan garis dasar (lalai)

Nilai bawah dan garis dasar mempunyai kesan yang sama seolah-olah anda tidak memasukkan atribut penjajaran sama sekali. Penyemak imbas menjajarkan tepi bawah imej dengan garis dasar teks. Ini tidak boleh dikelirukan dengan kesan nilai absbottom, yang juga mengambil kira bahagian huruf yang berada di bawah garis dasar.1 (Jika anda masih mengangkat tangan anda, anda boleh menurunkannya.)

Pernyataan align=absbottom memberitahu pelayar untuk menjajarkan bahagian bawah imej dengan bahagian bawah sebenar teks pada baris semasa. Bahagian bawah sebenar ialah titik paling bawah teks, termasuk semua turunan (seperti bahagian bawah aksara "y"), walaupun tiada satu pun dalam baris. Garis dasar berjalan di sepanjang tepi bawah "v" dalam aksara "y". Opera, pemegang standard, mengabaikan nilai absbottom, manakala pelayar popular lain memperlakukannya seperti yang diterangkan (Rajah 5.13).

Gunakan bahagian atas dan tengah untuk menjajarkan ikon, titik tumpu senarai dan imej khas lain dengan teks berdekatan. Dalam kes lain, align=bottom (dipilih secara lalai) mencapai penampilan yang lebih baik. Apabila menjajarkan satu atau lebih imej setiap baris, pilih nilai atribut yang akan memberikan anda rupa terbaik untuk dokumen anda.

Setakat ini, kami hanya menjajarkan elemen ke kiri. Lebih tepat lagi, kami tidak melakukan ini sama sekali, dan penyemak imbas itu sendiri menjajarkan elemen ke kiri secara lalai. Sudah tentu, ia akan menjadi terlalu membosankan untuk menyelaraskan segala-galanya ke kiri. Oleh itu, terdapat cara yang berbeza untuk menjajarkan ke tengah dan ke kanan.

Menjajarkan elemen ialah sesuatu yang anda hanya perlu tahu apabila . Perkara pertama yang perlu dilakukan ialah menaip halaman yang paling mudah.

Suatu ketika dahulu ada tag

Saya tidak menasihati anda untuk menggunakannya sekarang, kerana ketersediaan kaedah yang lebih moden, tetapi saya tidak boleh tidak menyebutnya. Menggunakannya sangat, sangat mudah. Semua yang anda perlukan untuk dijajarkan ke tengah, anda letakkan di dalam teg ini. Di sini, sebagai contoh, di sini kita menjajarkan tajuk tahap 1 di tengah.

Anda boleh menambah imej berpusat juga, mari juga beralih ke baris seterusnya menggunakan tag
:

Tajuk tahap 1 berpusat

Ia adalah tag

, yang sudah ditamatkan, di samping itu, bertentangan dengan jangkaan teg anda dan cuma tak wujud. Katakan dijajar ke kiri secara lalai, dijajarkan ke tengah menggunakan teg , tetapi bagaimana dengan yang betul?

Untuk menyelesaikan masalah ini, pembangun menghasilkan cara universal untuk menyelaraskan elemen. HTML. Kaedahnya adalah dengan menggunakan bekas yang dipanggil, yang dibuat menggunakan tag

. Iaitu, semua yang perlu diletakkan dalam bekas tertentu diletakkan di dalam tag

. Dan tag ini sudah mempunyai atribut " selaraskan", nilai yang menentukan kedudukan bekas ini. Terdapat tiga nilai: " ditinggalkan", "pusat", "betul". Lalai ialah " ditinggalkan Walau bagaimanapun, saya tidak fikir ini mengejutkan anda.

Mari kita menulis perkara yang sama kod HTML, tetapi dengan penggunaan bekas, sebagai tambahan, mari kita menyelaraskan bukan ke tengah, tetapi ke kanan.

Seperti yang anda lihat, semuanya berfungsi. Saya menasihati anda untuk menukar nilai atribut " selaraskan" untuk melihat jenis penjajaran kandungan kontena yang lain.

Satu lagi cara untuk menyelaraskan elemen HTML- ini adalah jadual, tetapi topik ini patut dibincangkan secara berasingan, jadi kita akan membincangkannya dalam salah satu artikel berikut.

Buat masa ini, halaman anda sepatutnya kelihatan seperti ini:

Tajuk tahap 1 berpusat

Tajuk tahap 1, dijajarkan ke kanan

Yang ikhlas, Mikhail Rusakov.

P.S. Jika anda ingin mengetahui lebih lanjut tentang HTML, kemudian lihat kursus percuma saya dengan contoh membuat tapak web di HTML:

Untuk imej, anda boleh menentukan kedudukannya berbanding dengan teks atau imej lain pada halaman web. Penjajaran imej ditentukan oleh atribut penjajaran.

Atribut ini ditamatkan, gunakan gaya sebaliknya.

Sintaks

Nilai

Dalam jadual. 1 menyenaraikan nilai yang mungkin untuk atribut penjajaran dan hasil penggunaannya.

Tab. 1. Menggunakan nilai atribut penjajaran

Maknanya	Penerangan	Contoh
bawah	Menjajarkan sempadan bawah imej dengan teks sekeliling.
ditinggalkan	Menjajarkan imej ke tepi kiri tetingkap.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
tengah	Menjajarkan bahagian tengah imej dengan garis dasar garis semasa.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
betul	Menjajarkan imej ke tepi kanan tetingkap.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
atas	Sempadan atas imej diselaraskan dengan elemen tertinggi baris semasa.	Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

Nilai asal

Contoh

Teks ini membungkus gambar di sepanjang tepi kirinya.

Pelayar

Notasi berikut digunakan dalam jadual penyemak imbas.

• - elemen disokong sepenuhnya oleh penyemak imbas;
• - elemen tidak dilihat oleh penyemak imbas dan diabaikan;
• - pelbagai ralat mungkin berlaku semasa operasi, atau elemen disokong dengan tempahan.

Nombor tersebut menunjukkan versi penyemak imbas yang mana elemen itu disokong.

Tag HTML mentakrifkan penjajaran teks, lekukan

Teks dibenarkan yang digunakan dalam tipografi

Contoh di bawah menunjukkan cara menjajarkan teks kepada lebar muka surat:

align="left"	align="right"
	Setiap hari bilangan pekerja yang diambil bekerja dalam sektor perkhidmatan dan penyebaran maklumat semakin meningkat. Jika simbol abad yang lalu adalah ladang dan kilang, maka simbol abad ke-21 sekarang adalah pejabat yang dilengkapi dengan komputer yang mempunyai akses kepada aliran maklumat.
align="justify"	align="center"
Setiap hari bilangan pekerja yang diambil bekerja dalam sektor perkhidmatan dan penyebaran maklumat semakin meningkat. Jika simbol abad yang lalu adalah ladang dan kilang, maka simbol abad ke-21 sekarang adalah pejabat yang dilengkapi dengan komputer yang mempunyai akses kepada aliran maklumat.	Setiap hari bilangan pekerja yang diambil bekerja dalam sektor perkhidmatan dan penyebaran maklumat semakin meningkat. Jika simbol abad yang lalu adalah ladang dan kilang, maka simbol abad ke-21 sekarang adalah pejabat yang dilengkapi dengan komputer yang mempunyai akses kepada aliran maklumat.

Nilai justify menyediakan seragam penjajaran teks ke kanan dan kiri, itu dia dalam lebar. Kaedah ini digunakan secara meluas dalam cetakan.

Menjajarkan teks dalam HTML ke tengah dan mewajarkan

Jajarkan teks dalam HTML ke tengah, teks ke kanan:

Keputusan:

Atribut dan nilai

• align="left" - mentakrifkan penjajaran teks kiri(lalai).
• align="center" - menjajarkan teks ke tengah.
• align="right" menjajarkan teks ke kanan.

Penjajaran | inden teks HTML

Teks HTML dan lekukannya di sebelah kiri halaman

Jom hasilkan inden teks di sebelah kiri dalam dua cara:

Keputusan:

Lihat dalam tetingkap baharu.