Paling sering, untuk menentukan ukuran indentasi di halaman HTML, kemampuan bahasa CSS (Cascading Style Sheets) digunakan. Meskipun dalam bahasa HTML itu sendiri ada beberapa sisa-sisa "belum sempurna", yang memungkinkan dalam beberapa kasus untuk mengatur lekukan. Di bawah ini adalah opsi yang paling sering digunakan, tetapi selain itu masih ada cukup banyak jenis trik yang memungkinkan Anda untuk mengatur indentasi untuk markup dokumen HTML yang tidak standar.
Itu perlu
Pengetahuan dasar tentang bahasa HTML dan CSS
instruksi
Langkah 1
Tentukan elemen halaman yang akan diindentasi. Misalnya, jika teks ditempatkan di dalam tag … (blok), maka blok ini akan menjadi elemen induk untuk teks ini dan indentasi harus dihitung dari batas blok. Dan jika teks (atau gambar) tidak berada di dalam elemen blok (div, li, dll.) atau inline (span, p, dll.), maka induknya akan menjadi badan dokumen (body tag). Mendefinisikan elemen induk untuk teks diperlukan karena dialah yang perlu mengatur deskripsi gaya yang membentuk indentasi. Mari kita asumsikan bahwa teks Anda ditempatkan di dalam blok div: Contoh teks
Langkah 2
Gunakan properti margin bahasa CSS untuk mengatur margin, yaitu jarak dari batas elemen ke elemen yang berdekatan, serta ke batas elemen induk. Jarak ini dapat diatur secara terpisah untuk padding di setiap sisi: margin-top - di atas, margin-kanan - di kanan, margin-bawah - di bawah, margin-kiri - di kiri. Untuk contoh di atas, kode css ini mungkin terlihat seperti ini: div {
margin-atas: 10px;
margin-kanan: 15px;
margin-bawah: 40px;
margin-kiri: 70px;
} Di sini "div" adalah pemilih yang menentukan bahwa gaya ini harus diterapkan ke semua div dalam kode dokumen Sintaks CSS memungkinkan Anda untuk menggabungkan keempat baris menjadi satu: div {
margin: 10px 15px 40px 70px;
} Nilai indentasi harus selalu ditentukan dalam urutan ini: pertama - di atas, lalu - di kanan, bawah dan kiri. Jika indentasi sama di semua sisi, maka cukup untuk menentukan nilainya sekali: div {
margin: 70 piksel;
} Selain itu, Anda dapat mengatur margin horizontal mengambang (yaitu, kiri dan kanan). Ini bisa sangat berguna ketika Anda perlu mengatur blok dengan lebar tertentu tepat di tengah jendela browser. Browser itu sendiri secara otomatis menentukan berapa banyak lekukan yang harus di kedua sisi, jika Anda menulis pernyataan CSS berikut: div {
margin: 0 otomatis;
}
Langkah 3
Gunakan properti padding untuk mengatur padding, yang merupakan jarak dari batas elemen ke elemen apa pun yang ditempatkan di dalamnya, termasuk teks. Sintaks untuk properti ini persis sama dengan properti margin: div {
padding-atas: 10px;
padding-kanan: 15px;
bantalan-bawah: 40px;
padding-kiri: 70px;
} Atau div {
bantalan: 10px 15px 40px 70px;
}
Langkah 4
Gunakan properti indentasi teks untuk mengatur indentasi tambahan untuk baris pertama setiap paragraf teks. Misalnya: div {
indentasi teks: 80px;
}
Langkah 5
Gunakan atribut hspace dan vspace dari tag img HTML untuk mengatur lekukan horizontal dan vertikal masing-masing dari gambar ke elemen luar. Misalnya seperti ini:
Langkah 6
Gunakan atribut cellpadding dari tag tabel jika Anda perlu mengatur lekukan dari batas sel dalam tabel ke kontennya. Dan atribut cellspacing mengatur jarak antar sel tabel. Sebagai contoh:
| 1 | 2 |
