Selalunya, untuk menentukan ukuran lekukan dalam halaman HTML, kemampuan bahasa CSS (Cascading Style Sheets) digunakan. Walaupun dalam bahasa HTML itu sendiri ada beberapa sisa "dasar", yang memungkinkan dalam beberapa kes menetapkan lekukan. Berikut adalah pilihan yang paling kerap digunakan, tetapi selainnya masih terdapat banyak jenis helah yang membolehkan anda menetapkan inden untuk penanda dokumen HTML yang tidak standard.
Ia perlu
Pengetahuan asas bahasa HTML dan CSS
Arahan
Langkah 1
Tentukan elemen halaman dari mana menjadi inden. Sebagai contoh, jika teks diletakkan di dalam tag … (blok), maka blok ini akan menjadi elemen induk untuk teks ini dan inden harus dihitung dari batas blok. Dan jika teks (atau gambar) tidak berada di dalam blok apa pun (div, li, dll.) Atau unsur sebaris (span, p, dll.), Maka induknya akan menjadi badan dokumen (tag badan). Mendefinisikan elemen induk untuk teks adalah perlu kerana dialah yang perlu menetapkan deskripsi gaya yang membentuk lekukan. Mari kita anggap bahawa teks anda diletakkan di dalam blok div: Contoh teks
Langkah 2
Gunakan properti margin bahasa CSS untuk menetapkan margin, iaitu jarak dari batas elemen ke elemen bersebelahan, dan juga ke sempadan elemen induk. Jarak ini dapat ditetapkan secara berasingan untuk padding di setiap sisi: margin-top - di atas, margin-kanan - di sebelah kanan, margin-bottom - di bahagian bawah, margin-kiri - di sebelah kiri. Untuk contoh di atas, kod css ini mungkin kelihatan seperti ini: div {
margin-top: 10px;
margin-kanan: 15 piksel;
margin-bottom: 40 piksel;
margin-kiri: 70 piksel;
} Di sini "div" adalah pemilih yang menentukan bahawa gaya ini harus diterapkan pada semua div dalam kod dokumen. Sintaks CSS membolehkan anda menggabungkan keempat-empat baris menjadi satu: div {
margin: 10px 15px 40px 70px;
} Nilai inden mesti selalu ditentukan mengikut urutan ini: pertama - di bahagian atas, kemudian - di kanan, bawah dan kiri. Sekiranya lekukan sama di semua sisi, maka cukup untuk menentukan nilainya sekali: div {
margin: 70 piksel;
} Di samping itu, anda boleh menetapkan margin mendatar terapung (iaitu, kiri dan kanan). Ini sangat berguna apabila anda perlu menetapkan blok lebar tertentu tepat di tengah tetingkap penyemak imbas. Penyemak imbas itu sendiri secara automatik menentukan berapa banyak lekukan di kedua-dua belah pihak, jika anda menulis pernyataan CSS berikut: div {
margin: 0 automatik;
}
Langkah 3
Gunakan sifat padding untuk mengatur padding, yang merupakan jarak dari batas elemen ke elemen yang diletakkan di dalamnya, termasuk teks. Sintaks untuk harta tanah ini sama seperti harta margin: div {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 40 piksel;
padding-kiri: 70px;
} Atau div {
padding: 10px 15px 40px 70px;
}
Langkah 4
Gunakan properti teks-indent untuk menetapkan lekukan tambahan untuk baris pertama setiap perenggan teks. Contohnya: div {
teks-inden: 80 piksel;
}
Langkah 5
Gunakan atribut hspace dan vspace dari tag img HTML untuk menetapkan lekukan mendatar dan menegak dari gambar ke elemen luar, masing-masing. Contohnya, seperti ini:
Langkah 6
Gunakan atribut sel padding dari tag jadual jika anda perlu mengatur lekukan dari batas sel dalam jadual ke kandungannya. Dan atribut cellpacing menetapkan jarak antara sel jadual. Sebagai contoh:
| 1 | 2 |
