Bagaimana untuk membuat senarai tidak tertib tanpa peluru dalam HTML?-html tutorial-php.cn

Bagaimana untuk membuat senarai tidak tertib tanpa peluru dalam HTML?

WBOY

Lepaskan： 2023-09-06 19:41:05

ke hadapan

1508 orang telah melayarinya

Bagaimana untuk membuat senarai tidak tertib tanpa peluru dalam HTML?

Senarai tidak tertib ialah senarai item tidak tertib yang ditandakan dengan titik, bulatan, bulatan diisi dan petak. Ia membolehkan anda mengawal senarai secara kontekstual. Membolehkan kami mengumpulkan set item berkaitan dalam senarai.

HTML menyokong senarai tersusun dan senarai tidak tersusun Kita mesti menggunakan teg

untuk membuat senarai tidak tertib. Teg
mentakrifkan senarai tidak tertib. Kami menggunakan teg

untuk memulakan senarai projek. Senarai item boleh dilabelkan sebagai titik, segi empat sama, bulatan terisi dan bulatan terbuka.

Secara lalai, item senarai dalam konteks ditandakan dengan titik tumpu.

Letakkan teg
di dalam teg
untuk membuat senarai item.
Kami menggunakan atribut jenis teg
untuk membuat senarai tidak tertib dengan nombor.
Kami menggunakan sifat CSS jenis-gaya-senarai untuk mentakrifkan gaya item senarai tidak tersusun.

tatabahasa

Berikut ialah sintaks untuk mencipta senarai tidak tersusun tanpa titik tumpu dalam HTML.

<ul style="list-style-type: none">
   <li>Item in list…</li>
   <li>Item in list…</li>
   <li>Item in list…</li>
</ul>

Salin selepas log masuk

Contoh 1

diterjemahkan sebagai:

Contoh 1

Diberikan di bawah ialah contoh mencipta senarai tidak tersusun tanpa titik tumpu dalam HTML.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ul style="list-style-type: none">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
   </ul>
</body>
</html>

Salin selepas log masuk

Berikut ialah output program contoh di atas.

Contoh 2

Satu lagi contoh mencipta senarai tidak tertib dalam HTML tanpa sebarang titik−

<!DOCTYPE html>
<html>
<head>
   <title>HTML Unordered List</title>
</head>
<body>
   <h1>Developed Countries</h1>
   <p>The list of developed countries :</p>
   <ul style="list-style-type:none">
      <li>US</li>
      <li>Australia</li>
      <li>New Zealand</li>
   </ul>
</body>
</html>

Salin selepas log masuk

Output kod di atas ialah -

Atas ialah kandungan terperinci Bagaimana untuk membuat senarai tidak tertib tanpa peluru dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!