Pusat Penjajaran HTML

teg ialah salah satu teg HTML; apabila kami menggunakan teg ini dalam dokumen, ia akan menyelaraskan perenggan atau perkataan atau sebarang nilai teks yang boleh diselaraskan dengan kedudukan tengah halaman web. Dalam Html, teg ini akan menggunakan semua versi kecuali Html5 dan bukannya gaya CSS dan mempunyai sifat untuk menyelaraskan elemen dengan kedudukan tengah. Dalam HTML, kami mempunyai set ciri yang berbeza untuk diserlahkan dan menarik sifat pengguna dalam halaman web/tapak web kerana beberapa penjajaran seperti saiz fon, warna, sempadan, penjajaran bar menu, bar skrol, bar navigasi, dll. Ini adalah beberapa ciri untuk HTML menggunakan halaman web dengan lebih menarik.

Sintaks:

Kami telah menyatakan bahawa setiap teg HTML mempunyai set sintaks yang berbeza untuk menggunakan halaman web dalam prosedur HTML dtd kerana HTML mempunyai teg yang telah ditetapkan untuk menggunakan keperluan pelanggan untuk berjaya mengisi projek. Berdasarkan tag mempunyai beberapa sintaks untuk menggunakan elemen html untuk menyelaraskan dengan dokumen dengan betul.

<center>
-----Some codes---
</center>

Kod di atas ialah sintaks asas apabila kami menggunakannya untuk membuat halaman web jika data ingin diselaraskan melalui kedudukan tengah halaman web.

Dalam Html, kami menggunakan

tag untuk digabungkan dengan tag lain yang telah ditetapkan; juga, berdasarkan keperluan pengguna, ia mungkin menggunakan

teg dengan elemen yang dibahagikan melalui penjajaran dengan kedudukan tengah untuk elemen teg begitu juga ia akan digunakan untuk elemen HTML yang lain.

Bagaimana untuk mencipta Align Center dalam HTML?

Dalam HTML, kami hanya mempunyai atau lebih blok yang mengandungi beberapa teks atau nilai untuk diselaraskan dengan pusat, ia akan menggunakan

teg dalam kod HTML, atau kita boleh menggunakan beberapa gaya CSS dengan bantuan beberapa atribut pada teg pembuka dan gunakan dengan sifat "text-align." Kami menjajarkan nilai perenggan di tengah menggunakan HTML

teg perenggan dengan menetapkan nilai sifat kepada "text-align=center" dan memberikan nilai kepada atribut. Ini meletakkan elemen yang kami nyatakan di tengah.

tag kini merupakan sebahagian daripada versi HTML yang dianggap tidak digunakan, tetapi ia mungkin masih berfungsi dengan CSS kerana kelebihannya dalam HTML. Jadi kami menggunakan gaya CSS apabila kami menggunakan penjajaran seperti pusat; kita boleh menyelaraskan kedudukan tengah data dengan bantuan sifat CSS dalam perenggan di atas. Html elemen biasanya dianggap sebagai elemen peringkat blok yang memaparkan kandungan peringkat blok atau sebaris yang dirasai dengan kedudukan mendatar. Katakan kita hanya mempunyai satu atau banyak blok untuk menyelaraskan pusat perkataan menggunakan atribut gaya elemen. Katakan berbilang blok kawasan teks dipusatkan menggunakan teg seperti seperti yang kita pertimbangkan awal seperti dalam … bahagian.

…

teg akan digunakan untuk setiap set teg yang dibentangkan dalam format perenggan; jika kami tidak boleh menggunakan set teg lain bukan untuk berada di kedudukan tengah, kami boleh menggunakan kelas untuk meneruskan set kod CSS untuk menyerlahkan halaman web.

Kami boleh memanggil kelas tengah gaya CSS dalam

menggunakan

tag; anda boleh menggunakan kelas untuk sebarang teg HTML sebaik sahaja anda menciptanya. Contohnya, jika anda menjajarkan nilai yang dinyatakan dalam teg tajuk dengan kedudukan tengah dengan menulis

. Walaupun kami boleh menyelaraskan gambar, video, GUI, dsb., kedudukan tengah tidak sukar dengan kerana img ialah blok elemen sebaris secara berbeza jika dibandingkan dengan elemen peringkat blok. Anda hanya perlu menambah elemen sebaris dalam gaya sekali dalam dokumen. Jika kami ingin menjajarkan berbilang imej dengan kedudukan tengah seperti sesuatu, kami mencipta kelas gaya CSS untuk mengurangkan kod boilerplate dan kod berlebihan, yang akan membantu memuatkan halaman web dengan lebih pantas.

Apabila bekerja dengan gaya CSS, kami menggunakan set kod untuk menjajarkan fon dengan betul, menentukan ketinggian dan lebar serta menambah jidar dan pelapik. Kadangkala, pilihan seperti "margin-left: auto" dan "margin-right: auto" secara automatik menetapkan margin berdasarkan keperluan pengguna. Ini menentukan bahagian margin yang harus lebih fleksibel pada tapak web dan halaman web. Jika kita menggunakan beberapa animasi dalam HTML seperti tag, ia akan menyelaraskan perkataan dengan kedudukan yang tidak normal kerana ia berjalan secara mendatar atau menegak berdasarkan apa yang kami isytiharkan dengan pengekodan HTML.

Contoh HTML Align Center

Berikut ialah beberapa contoh:

Contoh #1

<div>
<center>Welcome To My Domain.</center>
<p>Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Output:

Example #2

<div align="center" style="border:3px solid green">
Welcome To My Domain
</div>
<p><b>Welcome</b>Users</p>

Output:

Example #3

<style>
.sample {
color: green;
border: 3px blue;
margin-left: auto;
margin-right: auto;
}
h1  {
color: initial;
}
</style>


<div align="center" class="sample">
<img src="Pusat%20Penjajaran%20HTML.jpg" alt="Pusat Penjajaran HTML"   style="max-width:90%">
Welcome To My Domain
</div>
<p><strong>Welcome</strong>Users</p>

Output:

The above three examples will show each different concept and usage of the

tags in HTML first example will use the basic HTML code for the text displayed in the centered position; in the second and third examples, we use the

to align the contents in the centered position, the last example we use additionally in the tag for loading and displaying the images in the web pages with the centered positions not only we use images, videos, and some GUI animations for adding the contents more advanced in the business prospects for the clients.

Conclusion

Certain HTML elements can display differently depending on the optional attributes used. In particular, we have the

tags or parts of the elements to be in the centered position if unspecified like tables or outside of the HTML elements like

is not to be supported for the center alignments.

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