Daftar adalah salah satu cara penting untuk mewakili data & maklumat di mana setiap rekod dipaparkan dalam satu baris. Terdapat pelbagai cara untuk mewakili data dalam senarai seperti cara tersusun, atau secara tidak tersusun. Saya akan membahas topik berikut dalam Senarai ini di artikel:
- Jenis Daftar dalam HTML
- Senarai HTML yang tidak tersusun
- Senarai HTML yang dipesan
- Senarai Penerangan HTML
- Senarai Bersarang dalam HTML
Jenis Senarai dalam HTML
Sebelum kita mula membuat senarai, mari lihat tag HTML terlebih dahulu:
-
-
- Digunakan untuk menentukan item senarai
-
- Digunakan untuk menentukan istilah dalam senarai keterangan
- Digunakan untuk menerangkan istilah dalam senarai keterangan
Mari kita fahami bagaimana anda boleh membuat pelbagai jenis senarai dalam HTML.
Senarai Tidak Beratur
Untuk menentukan senarai yang tidak tersusun dalam HTML yang kami gunakan
- dan kemudian kita menentukan senarai item di teg. Secara lalai, senarai item ditandai dengan peluru (iaitu lingkaran hitam kecil).
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Senarai HTML Tidak Tersusun: Penanda Item Berbeza
Anda boleh memilih dari senarai penanda menggunakan sifat jenis senarai-gaya CSS. Mari kita lihat sifat jenis gaya-senarai CSS yang boleh anda gunakan untuk menentukan gaya penanda yang berbeza:
menukar rentetan ke format tarikh di java
- cakera : Menetapkan penanda item senarai ke peluru
- bulatan : Menetapkan penanda item senarai ke bulatan
- segi empat sama : Menetapkan penanda item senarai ke petak
- tiada : Item senarai tidak akan ditandakan
Cakera:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Bulatan:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Petak:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Tiada:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Sekarang setelah memahami cara membuat senarai yang tidak disusun dalam HTML, mari kita fahami bagaimana membuat senarai yang disusun dalam HTML.
Senarai Teratur
Untuk menentukan senarai teratur dalam HTML yang kami gunakan dan kemudian kita menentukan senarai item di teg.
Secara lalai, senarai item ditandai dengan nombor.
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Sekarang mari kita lihat beberapa varian senarai tersusun.
Senarai HTML Teratur - Jenis Atribut
Terdapat pelbagai jenis penanda item untuk senarai yang dipesan:
taip = ”1 ″ Item senarai akan diberi nombor dengan nombor (lalai)
taip = 'A' Item senarai akan diberi nombor dengan huruf besar
taip = 'a' Item senarai akan diberi nombor dengan huruf kecil
taip = 'Saya' Item senarai akan diberi nombor rumi huruf besar
kod fibonacci c ++
taip = 'i' Item senarai akan diberi nombor dengan huruf rumi kecil
Nombor:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Huruf besar:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Huruf kecil:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Huruf Besar Roman mber s:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Nombor Roman Huruf Kecil:
Sukan
- Kriket
- Bola Sepak
- Besbol
Pengeluaran:
Senarai Penerangan HTML
Anda juga boleh membuat senarai keterangan dalam HTML. Senarai keterangan digunakan untuk membuat senarai istilah dan menambahkan keterangan kepada mereka. Anda membuat senarai penerangan menggunakan
teg. teg mentakrifkan istilah &
Sukan
- Kriket
- Cricket adalah permainan bat-dan-bola yang dimainkan antara dua pasukan dari sebelas pemain di sebuah lapangan di tengahnya yang merupakan padang 20 meter dengan gawang di setiap hujungnya, masing-masing terdiri dari dua umpan yang seimbang pada tiga tunggul.
- Pingpong
- Ping pong, juga dikenali sebagai ping-pong, adalah sukan di mana dua atau empat pemain memukul bola ringan bolak-balik di atas meja menggunakan raket kecil. Permainan berlangsung di atas meja keras dibahagi dengan jaring.
Pengeluaran:
Senarai Bersarang dalam HTML
Anda juga boleh membuat senarai bersarang dalam HTML.
Sukan
- Pingpong
- Kriket
- Virat kohli
- Joe Root
Pengeluaran:
Sekarang setelah melaksanakan coretan di atas, anda akan memahami cara membuat senarai dalam HTML. Saya harap blog ini memberi maklumat dan nilai tambah kepada anda.
Lihat kami yang dilengkapi dengan latihan langsung yang dipimpin oleh instruktur dan pengalaman projek kehidupan sebenar. Latihan ini menjadikan anda mahir dalam kemahiran bekerja dengan teknologi web back-end dan front-end. Ia merangkumi latihan mengenai Pembangunan Web, jQuery, Angular, NodeJS, ExpressJS, dan MongoDB.
Ada soalan untuk kami? Sila sebutkan di bahagian komen di blog 'List in HTML' dan kami akan menghubungi anda.