Buat poin-poin dalam HTML menggunakan
- tag.
Menggunakan poin-poin membantu memecah potongan besar teks dan menunjukkan daftar informasi yang berguna. Poin-poin mudah dibuat dalam perangkat lunak pengolah kata, tetapi ketika Anda mengetik dokumen HTML, Anda perlu mengetahui kode untuk membuatnya. Tidak banyak kode yang diperlukan untuk membuat daftar peluru. Bungkus setiap daftar dalam
- atau tag "daftar tidak berurutan". Anda kemudian dapat melakukan apapun yang Anda inginkan dengan daftar peluru menggunakan kode Cascading Style Sheet.
Langkah 1
Tulis teks untuk poin-poin Anda. Mulai setiap titik pada garisnya sendiri. Bungkus setiap baris dalam
Video Hari Ini
Langkah 2
Buat baris kosong di atas daftar berpoin lalu ketik pembukaan
- tag pada baris itu. Temukan akhir daftar bullet Anda dan kemudian buat baris kosong lain di sana. Ketik penutup
- menandai. Berikut adalah contoh daftar peluru singkat dengan atribut ID:
- Peluru satu
- Peluru dua
Langkah 3
Gunakan "gaya" untuk membuat daftar peluru Anda menggunakan kode CSS. Tambahkan kode CSS di antara tag di antara tag dan, atau Anda dapat menulis kode CSS di file .CSS eksternal dan menyematkan file menggunakan tandai seperti ini:. Ubah "path/to/stylesheet.css" dengan path ke file .CSS yang Anda buat. Gunakan atribut ID atau class untuk memilih daftar poin Anda, seperti:
#mylist li { gaya font: miring; }
Kode di atas memilih semua
Langkah 4
Gunakan properti "list-style" di CSS untuk mengubah tipe bullet. Jenis peluru yang tersedia termasuk lingkaran terbuka, cakram yang diisi, dan kotak untuk daftar yang tidak bernomor dan tidak diabjad. Berikut adalah contoh untuk peluru persegi:
#mylist li {daftar-gaya: persegi;}
Tip
Menggunakan
- tag bukannya
- untuk membuat daftar terurut. Anda kemudian dapat mengatur jenis "daftar-gaya" ke berbagai jenis angka atau huruf.
- menandai gambar latar belakang rata kiri yang tidak berulang. Tambahkan padding ke sisi kiri masing-masing
- tag untuk memindahkan teks, jika tidak maka akan tumpang tindih dengan gambar.
Buat poin gambar dengan menentukan "none" untuk atribut "list-style" dan kemudian berikan setiap
