cari

Rumah  >  Artikel  >  hujung hadapan web  >  Senarai Tertib HTML

Senarai Tertib HTML

WBOY
WBOYasal
2024-09-04 16:43:281129semak imbas

Dalam bahagian ini, kita akan belajar cara melaksanakan Senarai Tertib dalam HTML. Bagaimana untuk menerangkan atau memaparkan senarai tersusun? Ia sangat mudah dan mudah; ia digunakan untuk menerangkan senarai maklumat dalam kandungan. Dan teknik lain ialah satu senarai boleh mempunyai berbilang elemen senarai padanya.

Senarai dalam HTML boleh dikelaskan kepada tiga jenis, iaitu:

  1. Senarai Tertib
  2. Senarai tidak tersusun
  3. Senarai Definisi

Dalam artikel ini, kita akan meneliti spesifikasi senarai tersusun dengan contoh. Senarai tertib mentakrifkan maklumat tertib khusus apabila senarai dibuat; contohnya, ia menunjukkan maklumat selaras atau menomborkan maklumat.

Sintaks Senarai Tertib

Senarai tertib dibuat menggunakan teg bernama

    elemen dan berakhir dengan
tag.

Senarai Tertib HTML

Contoh Senarai Tertib

Mari kita lihat beberapa contoh yang disebut di bawah:

Contoh #1

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Ordered List</title>
</head>
<body>
<p><strong>There are 6 different airlines:</strong></p>
<ol type="1">
<li>Jet Blue Airlines</li>
<li>Frontier Airlines</li>
<li>South West Airlines</li>
<li> Spirit Airlines</li>
<li> United Airlines</li>
<li>America Airlines</li> </ol>
</body>
</html>

Output:

Ini akan memberikan anda hasil seperti

Senarai Tertib HTML

Contoh #2

Senarai Tempahan dengan warna. Dalam contoh berikut, kami telah menggunakan sifat balas tertentu, mentakrifkan item senarai pengiraan automatik dalam

  • . Ia hanyalah pembolehubah dalaman CSS untuk membolehkan fungsi mengira.

    <!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Ordered List with colors</title>
</head>
<body>
<style>
ol li {
counter-increment: list;
list-style-type: none;
position: relative;
}
ol li:before {
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
}</style>
<ol>
<li><span> Norway is a Scandinavian Country</span></li>
<li><span>Oslo is the capital city</span></li>
<li><span>norway is known for its beauty , hiking, fishing</span></li>
<li><span>Ranked among the toppest country in europe</span></li>
</ol><br/>
</body></html>

    Output:
    Senarai Tertib HTML

    Jenis Atribut untuk Senarai Tertib HTML

    Untuk mewakili senarai tertib, terdapat lima jenis atribut penting untuk teg ini. Sebagai HTML

      tag mewakili senarai item dalam senarai tersusun, ia boleh sama ada dalam susunan abjad angka, angka atau hanya abjad, dengan syarat susunan adalah perkara utama. Berikut ialah atribut yang mungkin bagi senarai Tertib:

      1. Atribut Jenis

      Atribut ini memberikan jenis penomboran yang akan digunakan dalam senarai.

      • jenis =’a’ – Memberi susunan abjad
      • jenis =’A’- Memberi susunan Abjad huruf besar
      • jenis =’i’ – Memberi huruf kecil nombor Roman
      • jenis =’ I’- Memberi nombor Roman huruf besar

      Jenis penomboran ini disebut di bawah:

      Saya.  Jenis atribut=’a.’

      Untuk membuat senarai dalam huruf kecil abjad, jenis ini digunakan. Contoh berikut menunjukkan senarai tertib dalam huruf kecil dan menjadikannya dalam huruf condong.

      Contoh:

      <!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Ordered List types</title>
</head>
<body>
<style>
ol li span {
font-weight: normal;
}
</style>
<p>Did you know that:</p>
<p>Skills required to become a data Scientist</p>
<ol type="a" >
<li><span><i> steps</span></i></li>
<li><span><b>There should be a prior knowledge in SAS and R programming.</b></span></li>
<li><span><b>They should have a strong calibre in creativity and analysis</span><b></li>
</ol>
</body>
</html>

      Output:

      Senarai Tertib HTML

       II. Jenis atribut=’A.’

      Senarai tersusun boleh mempunyai jenis atribut huruf kecil abjad. Contoh di bawah menunjukkan cara menggunakan atribut ini dalam struktur senarai dan juga cara membuat huruf tebal. Untuk mempunyai senarai tertib dalam huruf tebal, ia hendaklah diisytiharkan menggunakan