Sejajarkan Laman Web Anda Dengan Pusat

Isi kandungan:

Sejajarkan Laman Web Anda Dengan Pusat
Sejajarkan Laman Web Anda Dengan Pusat

Video: Sejajarkan Laman Web Anda Dengan Pusat

Video: Sejajarkan Laman Web Anda Dengan Pusat
Video: Tugas Bootstrap Web Desain, 19312244-YogiPratama-Dosen: Yusran Fernando, S.Kom, M.Kom 2024, Mungkin
Anonim

Semasa membuat pengekodan, juruweb perlu membuat banyak usaha untuk menjadikan laman web ini kelihatan sama baiknya dengan resolusi skrin yang berbeza. Penyelesaian terbaik adalah memusatkan semua kandungan di halaman.

Sejajarkan laman web anda dengan pusat
Sejajarkan laman web anda dengan pusat

Arahan

Langkah 1

Kaedah penjajaran tengah bergantung pada kaedah susun atur. Anda boleh menggunakan tag atau

… Sudah tentu, lebih mudah untuk membungkus semua kandungan dalam tag, tetapi sudah lama tidak digunakan, dan tidak ada jaminan bahawa semuanya akan berfungsi dengan betul. Cara paling moden adalah menggunakan teknologi CSS.

Langkah 2

Teg memisahkan bahagian kod menjadi satu blok, memungkinkan anda mengubah penampilan kandungan, memberikan fragmen satu fon, warna, latar belakang, dll. Dengan susun atur blok, semua isi tag diletakkan di dalam tag. Dalam kita menetapkan penjajaran dengan atribut align. Ia akan kelihatan seperti ini:

Kandungan laman web

Langkah 3

Pemusatan juga boleh diatur menggunakan alat CSS. Untuk melakukan ini, anda perlu membuat fail helaian gaya yang terpisah atau meletakkan semuanya dalam fail HTML yang sama, dalam teg. Kodnya akan kelihatan seperti ini:

* {margin: 0; pembalut: 0;}

badan {

text-align: tengah;

}

div {

lebar: 700px;

margin: 0 automatik;

}

Langkah 4

Dalam susun atur jadual, pemusatan ditetapkan menggunakan jadual dalam tag

… Kodnya akan seperti ini: <jadual laman

… Jadual akan berada di tengah halaman, masing-masing, dan kandungannya juga. Anda juga dapat mengatur lebar blok apa pun dengan menentukannya menggunakan parameter lebar.

Langkah 5

Semasa memilih lebar halaman, ingatlah bahawa resolusi skrin pengguna boleh sangat berbeza dengan resolusi anda. Kadang-kadang, agar tidak keliru dengan ukurannya, anda harus menetapkan semuanya sebagai peratusan. Ini amat berguna sekiranya anda mempunyai laman web yang mudah.

Langkah 6

Apa sahaja kaedah yang anda gunakan, pastikan laman web anda berfungsi dengan betul di semua penyemak imbas. Sekiranya atas sebab tertentu ia salah ditunjukkan di salah satu - nyatakan ini.

Disyorkan: