Sejajarkan Situs Anda Ke Tengah

Daftar Isi:

Sejajarkan Situs Anda Ke Tengah
Sejajarkan Situs Anda Ke Tengah

Video: Sejajarkan Situs Anda Ke Tengah

Video: Sejajarkan Situs Anda Ke Tengah
Video: How to Make a WordPress Website with Elementor | (Best Elementor Tutorial) 2024, November
Anonim

Saat coding, webmaster harus berusaha keras untuk membuat situs terlihat sama bagusnya pada resolusi layar yang berbeda. Solusi terbaik adalah memusatkan semua konten pada halaman.

Sejajarkan situs Anda ke tengah
Sejajarkan situs Anda ke tengah

instruksi

Langkah 1

Metode penyelarasan tengah tergantung pada metode tata letak. Anda dapat menggunakan tag atau

… Tentu saja, lebih mudah untuk membungkus semua konten dalam sebuah tag, tetapi sudah usang sejak lama, dan tidak ada jaminan bahwa semuanya akan berfungsi dengan benar. Cara paling modern adalah menggunakan teknologi CSS.

Langkah 2

Tag memisahkan bagian dari kode menjadi satu blok, memungkinkan Anda untuk mengubah tampilan konten, memberikan fragmen satu font, warna, latar belakang, dll. Dengan tata letak blok, semua isi tag ditempatkan di dalam tag. Dalam kita mengatur keselarasan dengan atribut align. Ini akan terlihat seperti ini:

Konten situs

Langkah 3

Pemusatan juga dapat diatur menggunakan alat CSS. Untuk melakukan ini, Anda perlu membuat file stylesheet terpisah atau menempatkan semuanya dalam file HTML yang sama, di tag. Kode akan terlihat seperti ini:

* {batas: 0; bantalan: 0;}

tubuh {

perataan teks: tengah;

}

div {

lebar: 700 piksel;

margin: 0 otomatis;

}

Langkah 4

Dalam tata letak tabel, pemusatan diatur menggunakan tabel di tag

… Kodenya akan seperti ini: <tabel situs

… Tabel akan ditempatkan di tengah halaman, masing-masing, dan isinya juga. Anda juga dapat mengatur lebar blok apa pun dengan menentukannya menggunakan parameter lebar.

Langkah 5

Saat memilih lebar halaman, ingatlah bahwa resolusi layar pengguna bisa sangat berbeda dari Anda. Terkadang, agar tidak keliru dengan ukurannya, Anda harus mengatur semuanya dalam persentase. Ini sangat berguna jika Anda memiliki situs sederhana.

Langkah 6

Metode apa pun yang Anda gunakan, pastikan situs Anda berfungsi dengan benar di semua browser. Jika karena alasan tertentu salah ditampilkan di salah satunya - tunjukkan ini.

Direkomendasikan: