Senarai bullet dan bernombor HTML

Dalam HTML, terdapat dua jenis senarai: bernombor dan tidak bernombor. Penciptaan mereka hampir sama. Malah tagnya berbeza dengan satu aksara. Anda juga boleh membuat senarai pelbagai peringkat, yang boleh termasuk senarai bernombor dan penanda.

Senarai ini boleh ditukar seperti yang anda suka. Ia semua bergantung kepada imaginasi anda. Pertama, kita akan melihat senarai standard, sama seperti di dalam editor Word, dan kemudian kita akan memperbaikinya dan membuatnya tidak dapat diiktiraf.

Senarai HTML bernombor

Senarai HTML bernombor biasa boleh dibuat menggunakan tag berikut:

1. Item pertama dalam senarai

2. Item kedua dalam senarai

3. Item ketiga dalam senarai

   Senarai ringkas kelihatan seperti ini

   Menurut piawaian, setiap item dalam senarai mesti berada di dalam pembukaan dan penutupan tag li. Tetapi jika anda tidak meletakkan tanda tutup, hasilnya akan sama. Pemproses sangat pintar. Semasa penukaran senarai, ia menganalisis tag pembuka. Jika dia melihat

4. yang baru, dia akan meletakkan secara automatik di hadapannya.

   Oleh itu, senarai boleh dilakukan seperti yang ditunjukkan di bawah.

   Tetapi dari sudut pandangan profesional ini tidak betul.

   Senarai terperinci

   Senarai yang tidak disusun (atau penanda) dicipta sama dengan cara yang sama, bukan hanya tag ol, ul ditulis.

   Dalam senarai bullet tidak ada angka atau huruf - hanya simbol yang berlainan, yang dipanggil penanda.

   Senarai HTML bernombor berbilang

   Ramai pengguna berminat dengan kemungkinan ini. Oleh itu, perlu diingatkan bahawa senarai HTML yang bernombor boleh dibuat berbilang peringkat. Tahap tambahan boleh sama atau ditandakan.

   Untuk membuat senarai yang dinyatakan dalam contoh di atas, anda perlu menulis yang berikut.

   Ambil perhatian bahawa dalam kod ini, tidak seperti contoh pertama, atribut jenis ditambah. Terima kasih kepadanya, anda boleh menentukan jenis sorting untuk kedua-dua nombor bernombor dan penanda.

   Untuk nombor kami menunjukkan abjad atau jenis digit, dan untuk kes lain - jenis penanda.

   Senarai pilihan penyusun

   Jika anda menggunakan tag HTML khas, senarai bernombor boleh menjadi apa sahaja yang anda mahukan.

   Anda boleh menentukan atribut jenis dengan sebarang nilai dari jadual. Atau dalam kelas gaya css, tentukan jenis gaya senarai dengan jenis semakan yang dikehendaki.

   Terjemahan nilai-nilai ini agak mudah. Cukup pengetahuan asas bahasa Inggeris. Tetapi walaupun anda tidak dapat menterjemahkan kata-kata "bulatan", "persegi", dan lain-lain, anda dapat memahami secara visual apa hasilnya apabila anda menentukan nilai-nilai ini dalam atribut jenis.

   Untuk senarai bernombor, anda perlu menggunakan pilihan berikut:

   • 1 - angka Arab;
   • A - huruf Latin modal;
   • A - huruf Latin kecil;
   • I - angka Romawi ibu;
   • I - huruf kecil huruf Rom.

   Secara lalai, senarai dengan angka Arab sentiasa digunakan . Iaitu, jika anda tidak menentukan apa-apa, ini sama dengan jenis = "1".

   Di samping itu, senarai bernombor boleh dimulakan dari mana-mana kedudukan yang dikehendaki. Secara lalai - output dari 1. Tetapi jika anda mahu, anda boleh mulakan dengan sekurang-kurangnya seratus. Untuk melakukan ini, anda mesti menentukan atribut permulaan dengan sebarang nilai.

   Di samping itu, ia dapat disimpulkan dalam urutan terbalik. Untuk melakukan ini, tulis bertukar.

   Pendaftaran senarai

   Senarai bernombor HTML boleh direka dengan begitu indah sehingga anda tidak dapat dengan mudah meneka bahawa ini adalah senarai biasa, dan bukan gambar yang dibuat di Photoshop.

   Berikut adalah contoh senarai yang indah.

   Seperti yang anda dapat lihat dari contoh, anda boleh menukar penampilan penomboran dan unsur-unsur itu sendiri.

   Anda boleh membuat senarai biasa seperti ini.

   Dalam gaya css, anda perlu menentukan susun atur untuk tag ol. Ambil perhatian bahawa dalam kes ini, tetapan akan digunakan untuk semua senarai keseluruhan tapak di mana lembaran gaya digunakan.

   Pertama pertimbangkan pilihan dengan reka bentuk bulat senarai. Kembali ke kod senarai. Terdapat senarai bulat kelas. Itulah dengan kelas ini, anda perlu menggerunkan untuk membuat keindahan seperti itu. Anda boleh menamakan kelas yang anda suka.

   Sekarang pertimbangkan reka bentuk persegi.

   Gaya sangat serupa. Perbezaannya adalah bahawa dalam kes pertama, elemen dibundarkan menggunakan keupayaan css.

   Sokongan penyemak imbas

   Adalah penting untuk memahami bahawa tidak semua penyemak imbas menyokong semua sifat CSS.

   Sebagai contoh, anda ingin membuat senarai bernombor berpusat. Kod HTML akan sama, tetapi hasil dalam penyemak imbas lama mungkin berbeza sekali.

   Begitu juga untuk pendaftaran penomboran.

   Seperti yang anda lihat, petak di sekeliling nombor dalam versi IE pelayar yang lebih tua tidak muncul, kerana pengendara tidak mengetahui sifat-sifat baru yang memungkinkan untuk melakukan ini.

   Seorang pereka web profesional harus meramalkan dan memahami bahawa tidak semua pengguna menggunakan komputer moden. Bukan semua orang mempunyai Windows 7, 8, 10. Terdapat peratusan pengguna yang masih duduk di Windows XP dan menggunakan versi lama pelayar Internet Explorer.

   Sebagai peraturan, hampir semua penambahbaikan reka bentuk moden elemen tidak disokong oleh mereka. Pengguna akan merasakan bahawa reka bentuk tapak tidak berfungsi sama sekali. Semuanya telah bergerak. Unsur-unsur ini berjalan satu sama lain. Untuk mengelakkan ini, anda perlu mengira semua pilihan.

   Sesetengah webmaster menutup mata mereka, kerana bahagian mereka dalam pasaran semasa semakin kecil dan lebih kecil. Tetapi bagi profesional setiap pengunjung adalah penting, terutamanya jika ia adalah tapak komersial.

   Lakukan sesuatu yang sesuai untuk semua orang atau pertimbangkan semua variasi pelayar.