Cara menabulasikan teks dalam HTML

Langkah 1

Buka file HTMLA Anda di editor teks dan tambahkan kode CSS berikut di bagian "tajuk" dari HTML Anda:

Aturan gaya pertama mendefinisikan kelas "ruang" dengan "padding" relatif kiri 1, 3. Aturan kedua mendefinisikan jenis lain "ruang" (padding) dengan dua kali jumlah "isian". Simpan file sebagai "taba.html".

Langkah 2

Dalam konten Anda, mintalah tabulasi yang Anda inginkan tepat sebelum konten. Misalnya:

Ada pembaca yang tajam tentang eHow
Siapa yang ingin tahu cara tab;
Jawabannya sangat sederhana,
Ketika style sheet membuat layout hanya keren!

Baris kedua dan keempat dimulai dengan elemen "ruang" kosong dengan ukuran tab virtual yang ditentukan oleh nilai "isi" dalam aturan CSS Anda. Simpan file lagi.

Langkah 3

Uji halaman web Anda. Buka browser Anda dan muat "tabs.html". Anda harus bisa melihat dua ukuran "tabulator" berbeda di baris kedua dan keempat puisi. Jika tidak, periksa bahwa Anda telah menyalin kode contoh dengan benar.

Langkah 4

Terus tambahkan ke tab yang Anda inginkan dengan menggunakan elemen ruang dengan atribut dan nilai kelas untuk menentukan setiap jenis tab. Sesuaikan nilai pengisian CSS untuk menyesuaikannya dengan desain Anda sendiri. Buat lebih banyak aturan gaya untuk berapa banyak ukuran tab yang Anda butuhkan.