Rumah > hujung hadapan web > html tutorial > Cara membuat senarai yang diindeks dalam angka roman dalam HTML

Cara membuat senarai yang diindeks dalam angka roman dalam HTML

WBOY
Lepaskan: 2023-09-13 21:37:02
ke hadapan
1478 orang telah melayarinya

Cara membuat senarai yang diindeks dalam angka roman dalam HTML

Gambaran Keseluruhan

Indeks ialah nombor yang menunjukkan kedudukan atau lokasi sesuatu ayat. Dalam HTML, kita boleh mengindeks dalam dua cara: senarai tidak tersusun (ul) dan senarai tersusun (li). Gunakan teg

    dalam HTML untuk membuat senarai dengan angka Rom, angka Rom ialah nombor yang ditulis mengikut tertib, jadi kami menggunakan senarai tertib dan bukannya senarai tidak tertib. Untuk membuat senarai tertib dengan angka Rom, kita perlu menentukan jenis senarai tersusun, iaitu indeks dalam senarai hendaklah 'a', 'A', 'I' atau 'i'. Jadi, untuk mencipta angka Rom, kami mentakrifkan jenis senarai tersusun sebagai 'I' dan 'i'.

    tatabahasa

    Untuk pengindeksan menggunakan angka Rom dalam HTML kami menggunakan sintaks berikut -

    <ol type="">
       <li></li>
       <li></li>
    </ol>
    
    Salin selepas log masuk
    • ol − Ia adalah senarai tertib dan merupakan bekas induk senarai.

    • type − Atribut jenis ditakrifkan untuk menetapkan jenis indeks senarai.

    • li − Ia ialah senarai yang mengandungi data untuk dimasukkan ke dalam senarai. Teg senarai

    • ialah sub-teg bagi teg senarai tersusun
        .

    kaedah

    Memandangkan angka Rom ditakrifkan sebagai I, II, III, IV atau i, ii, iii, iv. Jadi kami akan menggunakan dua contoh untuk mempelajari cara membuat senarai dengan mentakrifkan jenis senarai tersusun sebagai 'I' atau 'i' .

    Algoritma

    Langkah 1 - Buat plat dandang HTML dalam editor teks anda.

    Langkah 2 - Buat bekas induk sebagai

      dan tentukan jenisnya sebagai 'i'.

      <ol type="i"></ol>
      
      Salin selepas log masuk
      Salin selepas log masuk

      Langkah 3 - Cipta elemen kanak-kanak li daripada senarai pesanan.

      <li></li>
      
      Salin selepas log masuk
      Salin selepas log masuk

      Langkah 4 Masukkan data ke dalamnya.

      <li>Frontend Articles</li>
      <li>Backend Articles</li>
      <li>UI/UX Articles</li>
      
      Salin selepas log masuk
      Salin selepas log masuk

      Langkah 5 Indeks angka Rom sudah sedia.

      Terjemahan bahasa Cina bagi

      Contoh

      ialah:

      Contoh

      Dalam contoh ini, kita membincangkan membina senarai angka Rom. Kami mentakrifkan jenis senarai tertib sebagai "i" (huruf kecil i).

      <html>
      <head>
         <title>Roman number indexing as i</title>
      </head>
      <body>
         <h1> Points to remember ol type= “i” </h1>
         <ol type="i">
            <li>Frontend Articles</li>
            <li>Backend Articles</li>
            <li>UI/UX Articles</li>
         </ol>
      </body>
      </html>
      
      Salin selepas log masuk

      Imej di bawah yang diberikan menunjukkan output contoh di mana kami telah menetapkan jenis senarai tertib "small i", jadi peluru atau pengindeksan dalam mata di bawah adalah sebagai #🎜 🎜#i, ii, iii. Algoritma

      Langkah 1

      - Buat boilerplate HTML

      dalam editor teks anda Langkah 2

      - Buat bekas induk sebagai
        dan tentukan jenisnya sebagai 'i'.

        <ol type="i"></ol>
        
        Salin selepas log masuk
        Salin selepas log masuk

        Langkah 3

        - Cipta elemen kanak-kanak li daripada senarai pesanan.

        <li></li>
        
        Salin selepas log masuk
        Salin selepas log masuk
        Langkah 4

        - Masukkan data ke dalamnya.

        <li>Frontend Articles</li>
        <li>Backend Articles</li>
        <li>UI/UX Articles</li>
        
        Salin selepas log masuk
        Salin selepas log masuk
        Langkah 5

        - Indeks angka Rom sedia.

        Terjemahan bahasa Cina bagi Contoh ialah:

        Contoh

        Dalam contoh ini, kita membincangkan membina senarai angka Rom. Kami mentakrifkan jenis senarai tertib sebagai

        "I" (modal I).

        <html>
        <head>
           <title>Roman number indexing as I</title>
        </head>
        <body>
           <h1>Points to remember <ol type= “I”></h1>
           <ol type="I">
              <li>Frontend Articles</li>
              <li>Backend Articles</li>
              <li>UI/UX Articles</li>
           </ol>
        </body>
        </html>
        
        Salin selepas log masuk
        Imej di bawah menunjukkan output Contoh 2 di bawah, di mana jenis senarai tertib ditetapkan kepada "Capital I" dan angka Rom dinomborkan seperti berikut:

        I, II, III. KESIMPULAN

        Dalam senarai tersusun, kita boleh menetapkan banyak jenis senarai. Senarai boleh disediakan dalam susunan berangka, susunan abjad dan susunan angka Rom, seperti yang kami gunakan dalam contoh di atas. Senarai tersusun menyediakan perwakilan data yang sistematik, meningkatkan pengalaman pengguna dan menjadikan set data mudah difahami.

Atas ialah kandungan terperinci Cara membuat senarai yang diindeks dalam angka roman dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan