Rumah > hujung hadapan web > html tutorial > Teks Justify HTML

Teks Justify HTML

PHPz
Lepaskan: 2024-09-04 16:45:04
asal
629 orang telah melayarinya

Kita akan bercakap tentang HTML Justify Text dalam artikel ini. Dalam HTML, kami mempunyai set tag yang berbeza untuk melaksanakan operasi bahagian hadapan dalam halaman web dengan lebih menarik; secara semula jadi, HTML mempunyai teg perenggan

untuk menulis sebarang ayat perenggan dalam skrin web setiap bahagian dalam HTML jika kami memerlukan sebarang teg justify untuk keperluan pengguna, kami akan menyesuaikannya dan akan menggunakan dokumen itu jika kami menggunakan

ialah teks perenggan atau apa sahaja data atau nilai teks harus diselaraskan dengan format yang dibenarkan, ia mungkin berbeza sama ada dari sebelah kiri atau kanan teks justifikasi setiap nilai teks akan menduduki jumlah ruang mendatar yang sama dalam halaman web.

Sintaks

Dalam HTML, kami mempunyai gaya CSS untuk menyerlahkan halaman web yang lebih boleh disesuaikan dan mesra pengguna, menarik dalam pelayar dan paparan pengguna. Nilai teks HTML Justify diselaraskan dengan teks atau nilai dalam penjajaran yang betul; secara lalai, teks justify hendaklah berada di sebelah kiri halaman web. Mari lihat sintaks umum penjajaran justify HTML dalam halaman web.

Sintaks untuk HTML:

<p align="justify/left/right/center">
----some  codes----
</p>
Salin selepas log masuk

Sintaks untuk CSS:

div
{
text-align:justify/left/right/center;
text-justify:values;
}
Salin selepas log masuk

Kod di atas ialah sintaks asas kod HTML untuk mewajarkan nilai teks dalam dokumen. Sifat text-justify ditentukan dan nilai atribut ialah kaedah justifikasi teks apabila text-justify akan ditetapkan dalam justify.text-justify mempunyai set nilai atribut yang berbeza seperti auto,inter-word, inter-character, tiada, permulaan, dan warisan; setiap nilai mempunyai set logik penerangan yang berbeza jika kita menggunakan auto-pelayar itu sendiri menentukan algoritma justifikasi, antara-perkataan-meningkat/mengurangkan ruang antara perkataan, antara aksara: menambah/mengurangkan ruang antara aksara , jika kita tidak menggunakan kaedah justifikasi secara automatik, tetapkan awal nilai lalai dalam teg sifat, nilai warisi ia mewarisi elemen induk kepada elemen anaknya untuk harta itu.

Bagaimana untuk Mencipta Teks Justify dalam HTML?

Secara amnya, teks justifikasi bermaksud set perkara yang berbeza daripada perspektif pengguna. Ia menganggap teks HTML harus dibenarkan di kedua-dua belah pihak; baris teks dibenarkan pada kedua-dua belah kiri dan kanan, yang boleh menjelaskan pengesahan berganda. Ia boleh diselaraskan semua baris teks, kecuali biasanya, kami menggunakan beberapa perkataan penjajaran; perkataan akhir mempunyai lebar dan ketinggian yang sama, jadi kaedah yang digunakan untuk mencapainya biasanya meninggalkan ruang tambahan antara perkataan mengikut keperluan.

Kaedah justifikasi seperti itu lazim dalam dokumen HTML, dan sifat penting yang kami gunakan dan mendapatkan halaman web berkualiti dengan cetakan juga bagus apabila kami memerlukan kandungan dalam format salinan keras. Html4 dan seterusnya, kami gunakan untuk mewajarkan atribut teks boleh digunakan untuk set elemen yang besar, walaupun dengan sintaks dan semantik yang berbeza. Menggunakan justify dalam HTML akan membenarkan mereka beberapa elemen/teg HTML dalam dokumen.

,

,

,,, ,,,, ini adalah beberapa elemen untuk mewajarkan teks dan menyelaraskan perenggan. Jika kami menerangkan beberapa bahagian penting dokumen dalam halaman web menggunakan beberapa
ialah, kod untuk menyelaraskan nilai teks dengan cara mewajarkan. Jika kadangkala atribut elemen dan teg tidak digunakan menggunakan versi ketat html

,

tag ialah set pertama kumpulan dan elemen tajuk yang kami gunakan dalam dokumen HTML dalam halaman web.

Jika anda menggunakan XHTML dan bukannya HTML, XHTML hanyalah dtd peralihan; ia tidak membenarkan "justify" sebagai nilai dalam teg seperti

,

,

, dtd yang ketat tidak membenarkan penjajaran HTML dalam semua situasi. Menggunakan teg justify dalam dokumen dtd yang ketat akan menunjukkan ralat disebabkan oleh kesilapan, yang bermaksud pengesah akan menjajarkan nilai seperti kod align="justify" adalah ralat. Jika kita menggunakannya untuk mewajarkan, ini bermakna kedua-dua belah margin harus dibenarkan.

Jika kami menggunakan align="justify" dalam kod HTML disokong secara meluas dalam semua penyemak imbas, tetapi dalam beberapa versi seperti Opera, IE4 dan beberapa penyemak imbas lain, Netscape menunjukkan ralat seperti ralat "tidak wajar" (dijajarkan ke kiri) . Tag perenggan

, tanpa menggunakan sebarang peraturan helaian gaya berkenaan penjajaran.

We will use some CSS options properties like float,inline-block, font styles, positions of the images, breadth, width, and height of the images; similarly, navigation options will do some alignments for the menus in the document; the above all options will use the HTML with CSS options same like justifying options in the document. Suppose we use IE Explorer for running an HTML web page. In that case, it has some nonstandard CSS properties that may affect some methods of justification, like example, “just-textify,” if we use IE version earlier, like 5.5 or later, it also recognizes the properties like text-align-last, it will show the horizontal alignment of the web page.

Examples of HTML Justify Text

We will see some examples of understanding the basics in the HTML justify part.

Example #1

Code:




<p align="justify">Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>

Salin selepas log masuk

Output:

Teks Justify HTML

Example #2

Code:


<style>
div {
color: green;
border: 3px blue;
}
h1  {
color: initial;
}
</style>


<div>
<p align="justify">Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Salin selepas log masuk

Output:

Teks Justify HTML

Example #3

Code:


<style>
div {
color: green;
border: 3px blue;
}
h1  {
color: initial;
}
</style>


<div>
<img align="right" src="Teks%20Justify%20HTML.jpg" alt="Teks Justify HTML"   style="max-width:90%">
<p>Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Salin selepas log masuk

Output:

Teks Justify HTML

The above three examples will show the justify options in HTML in different ways. The first example will point out the basic notification for using justify option in the document; the second example will use the CSS style for the document will be more attractive from the user’s perspective. The final example will use the jpg image on the right side of the web page; if we declare justify, it will show the image in the default view.

Conclusion

Applying the options in a document, like a web page, will show good quality based on the user requirement, including justification, page breaks, etc. Justification might take some small pieces of text or values presented creatively or primarily for the web page. We should check several validations and conditions to apply and display browser compatibility mode.

Atas ialah kandungan terperinci Teks Justify HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php
Artikel sebelumnya:Borang Pendaftaran dalam HTML Artikel seterusnya:Tarikh dalam HTML
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan