Bullet dan bernomor daftar HTML

Ada dua jenis daftar, dalam bahasa HTML: memerintahkan dan unordered. penciptaan mereka hampir sama. Bahkan tag berbeda dengan satu karakter. Anda juga dapat membuat daftar multi-level, yang bisa mencakup nomor dan penanda.

Daftar ini dapat dikonversi di akan. Itu semua tergantung pada imajinasi Anda. Pertama, kita mempertimbangkan daftar standar, seperti di Word, dan kemudian kami akan memperbaiki mereka dan membuat keluar dari semua pengakuan.

daftar HTML bernomor

memerintahkan netral daftar HTML dapat dibuat dengan menggunakan tag berikut:

1. Butir pertama daftar

2. Item Kedua daftar

3. ketiga Item daftar

   daftar sederhana di sini terlihat seperti

   Menurut standar, setiap item dalam daftar harus berada di dalam pembukaan dan penutupan tag li. Tapi jika Anda tidak menempatkan tag penutup, hasilnya adalah persis sama. pawang sangat pintar. Selama daftar konversi, ia menganalisis tag pembuka. Jika ia melihat baru

4. , maka secara otomatis menempatkan mereka di depan .

   Dengan demikian, daftar bisa dilakukan seperti yang ditunjukkan di bawah ini.

   Tapi dari sudut pandang profesional tidak benar.

   daftar bullet

   Tak terbilang (atau penanda) daftar yang persis, hanya bukan tag ol sama ditulis ul.

   Dalam daftar bullet, tidak ada angka atau huruf - hanya karakter yang berbeda, yang disebut penanda.

   Multilevel daftar bernomor HTML

   Banyak orang yang tertarik pada kesempatan seperti itu. Oleh karena itu, perlu dicatat bahwa setiap HTML daftar bernomor dapat multilevel. lapisan tambahan mungkin sama atau berlabel.

   Untuk membuat daftar yang ditentukan dalam contoh di atas, Anda perlu menulis berikut ini.

   Perhatikan bahwa dalam kode ini, berbeda dengan contoh pertama, menambahkan jenis atribut. Berkat dia, Anda dapat menentukan jenis pemilahan untuk kedua nomor dan untuk daftar penanda.

   Untuk bernomor menentukan jenis huruf atau angka, dan untuk kasus-kasus yang tersisa - jenis penanda.

   menyortir daftar pilihan

   Jika Anda menggunakan HTML-tag khusus, daftar nomor dapat cara apapun yang Anda inginkan.

   Anda dapat menentukan jenis atribut untuk setiap nilai dari meja. Atau kelas css gaya menentukan list-style-type dengan jenis penyortiran yang diinginkan.

   Terjemahan dari nilai-nilai cukup sederhana. pengetahuan dasar yang cukup dari bahasa Inggris. Tetapi bahkan jika Anda tidak dapat menerjemahkan kata "lingkaran", "square", dan seterusnya. N., Anda secara visual dapat melihat apa hasil ketika Anda menentukan nilai-nilai ini dalam atribut dari jenis.

   Untuk daftar nomor, Anda perlu menggunakan opsi berikut:

   • 1 - angka Arab;
   • A - huruf besar huruf ;
   • a - huruf kecil;
   • I - huruf besar angka Romawi;
   • i - huruf kecil angka Romawi.

   Secara default, daftar ini selalu digunakan dengan angka Arab. Artinya, jika Anda tidak menentukan apa-apa, itu setara dengan mengetik = "1".

   Selain itu, daftar nomor dapat mulai setiap posisi yang diinginkan. Default - kesimpulan dari 1. Tetapi jika Anda ingin Anda bahkan bisa mulai dengan seratus. Untuk melakukan ini, Anda perlu menentukan atribut mulai dengan nilai apapun.

   Selain itu, dapat disimpulkan dalam urutan terbalik. Untuk melakukan hal ini, menulis terbalik.

   membuat daftar

   daftar HTML bernomor dapat diatur begitu indah bahwa Anda tidak dapat langsung menebak bahwa ini adalah daftar biasa, dan bukan gambar yang dibuat di Photoshop.

   Berikut adalah contoh yang indah dari daftar.

   Seperti dapat dilihat dari contoh, adalah mungkin untuk mengubah tampilan dan penomoran dari unsur-unsur itu sendiri.

   Anda dapat membuat daftar biasa seperti ini.

   Dalam gaya css Anda perlu menentukan desain untuk tag ol. Perhatikan bahwa dalam kasus ini, pengaturan akan diterapkan ke semua daftar semua situs yang menggunakan berkas gaya ini.

   Pertimbangkan perwujudan pertama dengan check list melingkar. Kembali ke daftar kode. Ada Set kelas bulat-daftar. Itu saja dengan ini perlu kelas untuk bermain-main, untuk membuat keindahan seperti. Memanggil kelas Anda seperti yang Anda inginkan.

   Sekarang perhatikan desain persegi.

   Gaya yang sangat mirip. Perbedaannya adalah bahwa dalam kasus pertama ada unsur pembulatan melalui pilihan css.

   Dukungan Browser

   Hal ini penting untuk memahami bahwa tidak semua browser mendukung semua atribut css.

   Misalnya, Anda ingin membuat daftar bernomor di tengah. HTML-kode akan sama, tetapi hasil di browser lama bisa sangat berbeda.

   Hal yang sama berlaku untuk desain penomoran.

   Seperti yang Anda lihat, kotak sekitar angka dalam versi IE tidak muncul, karena pawang tidak tahu atribut baru yang memungkinkan Anda untuk melakukan registrasi seperti itu.

   coder profesional harus mengantisipasi dan memahami bahwa tidak semua pengguna menggunakan komputer modern. Tidak semua menginstal Windows 7, 8, 10. Ada persentase pengguna yang masih duduk di Windows XP dan menggunakan versi lama dari Internet Explorer.

   Sebagai aturan, hampir semua desain modern untuk meningkatkan unsur-unsur mereka tidak didukung. pengguna akan merasa bahwa dia tidak bekerja pada desain situs. Itu semua pindah. Elemen berkumpul bersama-sama. Untuk menghindari hal ini, Anda perlu menghitung semua pilihan.

   Beberapa webmaster menutup mata kepada mereka, karena saham mereka di pasar saat ini menjadi kurang dan kurang. Tapi untuk profesional menghargai setiap pengunjung, terutama jika itu adalah situs komersial.

   Lakukan sesuatu yang cocok untuk semua atau mempertimbangkan semua pilihan untuk browser.