Cara termudah untuk Membagi Halaman Web

Untuk membangun halaman Web yang bersih, teratur, mudah dibaca, tetap gunakan dasar-dasarnya. HTML 5 dan CSS 3 mungkin mendapatkan semua pers, tetapi elemen HTML dasar seperti header, paragraf dan beberapa tabel yang ditempatkan dengan baik dapat secara efektif membagi halaman untuk menyampaikan pesan Anda. Berikut adalah beberapa tag mudah dan berguna untuk membantu mengatur situs.

Tajuk

Judul-judul, dalam berbagai ukuran, menarik perhatian dan mengarahkan pembaca ke informasi yang ingin mereka baca. Mulai dengan judul utama menggunakan

atau

Selamat datang di Situs Saya

Gunakan tajuk tingkat bawah untuk membagi situs secara vertikal menjadi beberapa bagian. Batasi tajuk hingga dua atau tiga ukuran, mulai dari

untuk

dan tidak lebih dari tiga atau empat bagian.

Paragraf

Gunakan paragraf

tag untuk membagi teks menjadi beberapa bagian sebagai berikut:

Teks paragraf pertama ...

Teks paragraf kedua ...

Buat paragraf kecil dan ringkas. Pembaca Web biasa memindai konten dengan cepat, jadi mulailah dari kalimat pertama atau kedua sebelum bosan dan klik tautan lain.

Gambar

Beberapa gambar yang ditempatkan dengan baik juga membantu membagi halaman menjadi bagian-bagian yang logis. Bervariasi orientasi kiri dan kanan untuk memecah halaman. Jika memungkinkan, konversi judul menjadi gambar untuk menambah gaya dan variasi. Gambar juga berfungsi dengan baik untuk mengganti tautan dan tombol.

Tabel

Gunakan tabel sederhana untuk membagi halaman secara horizontal. Satu tabel, ditempatkan setelah judul, secara efektif akan membagi halaman menjadi dua atau tiga bagian. Gunakan kode HTML berikut:

Konten kolom kiri ada di sini ...

Konten pusat ada di sini ....

Konten yang benar ada di sini ...

Tabel mengisi halaman dengan kolom kiri mengambil 20 persen dari halaman, kolom kanan mengambil 20 persen lagi dan kolom tengah di antaranya. Pastikan untuk mengingat atribut valign sehingga setiap kolom dimulai di bagian atas dan mengalir ke bawah. Lupakan atribut ini dan konten akan disejajarkan secara vertikal ke tengah halaman. Tambahkan konten dan kemudian sesuaikan lebar kolom hingga presentasi terlihat benar.

Garis dan Batas

Aturan horizontal, dikodekan sebagai "

"tanpa tanda kutip, atau garis batas di sekeliling tabel dapat menekankan pada bagian break atau menarik mata ke blok teks. Gunakan ini dengan hemat dan pertahankan lebar garis maksimal dua atau tiga poin. Lakukan percobaan dengan elemen-elemen ini untuk melihat apakah mereka menambah atau mengurangi dari presentasi.

Ruang Putih

Baris dan kolom kosong sering membagi halaman lebih baik daripada semua format lainnya. Istirahat baris, dikodekan sebagai "

"tanpa tanda kutip, paragraf kosong, diberi kode sebagai tag penutup sendiri sebagai"

"Tanpa tanda kutip, dan kolom tabel kosong memisahkan teks dan membuat tata letak lebih menyenangkan bagi pembaca. Ruang kosong membutuhkan sedikit bandwidth dan benar-benar adalah cara paling sederhana untuk membagi halaman.