Bahagian-VI

Pemformatan Teks - II

Penggunaan Senarai

Senarai merupakan salah satu cara yang kemas untuk menyusun infomasi di dalam hompej anda. Untuk membuat senarai seperti di bawah

Bahasa Pengaturcaraan Logo
Bahasa Pengaturcaraan Basic
Bahasa Pengaturcaraan C
Bahasa Pengaturcaraan C++
Bahasa Pengaturcaraan JAVA

Untuk melakukan seperti di atas anda boleh menggunakan tag <ul>...</ul>; dan tag <li>...</li>. Perhatian!, kedua-dua tag ini berkerjasama untuk menjalankan fungsi seperti di atas. Contoh kod yang diperlukan untuk membuat senarai seperti di atas.

-----------------------
<ul>
      <li>Bahasa Pengaturcaraan Logo</li>
      <li>Bahasa Pengaturcaraan Basic</li>
      <li>Bahasa Pengaturcaraan C</li>
      <li>Bahasa Pengaturcaraan C++</li>
      <li>Bahasa Pengaturcaraan JAVA</li>
</ul>
----------------------

Anda juga boleh menggantikan titik-titik itu dengan nombor, seperti di bawah. Anda hanya perlu menggantikan tag <ul> dengan tag <ol>.

Bahasa Pengaturcaraan Logo
Bahasa Pengaturcaraan Basic
Bahasa Pengaturcaraan C
Bahasa Pengaturcaraan C++
Bahasa Pengaturcaraan JAVA

Kod yang sama diubahsuai.

-----------------------
<ol>
       <li>Bahasa Pengaturcaraan Logo</li>
       <li>Bahasa Pengaturcaraan Basic</li>
       <li>Bahasa Pengaturcaraan C</li>
       <li>Bahasa Pengaturcaraan C++</li>
       <li>Bahasa Pengaturcaraan JAVA</li>
</ol>
----------------------

Jika anda mahu menghilangkan titik-titik atau nombor seperti di bawah.

Bahasa Pengaturcaraan Logo

Bahasa Pengaturcaraan Basic

Bahasa Pengaturcaraan C

Bahasa Pengaturcaraan C++

Bahasa Pengaturcaraan JAVA

Kod yang diubahsuai untuk kali kedua, kali ini tag <dl> digunakan untuk menggantikan tag <ul> dan tag <li> digantikan dengan tag <dd>.

-----------------------
<dl>
  <dd>Bahasa Pengaturcaraan Logo</dd>
  <dd>Bahasa Pengaturcaraan Basic</dd>
  <dd>Bahasa Pengaturcaraan C</dd>
  <dd>Bahasa Pengaturcaraan C++</dd>
  <dd>Bahasa Pengaturcaraan JAVA</dd>
</dl>
----------------------

Senang bukan. disamping itu anda juga boleh meletakkan senarai di dalam senarai. Sebagai contoh,

Bahasa Pengaturcaraan Logo
- Senang
- Mudah
- Untuk Permulaan
Bahasa Pengaturcaraan Basic
Bahasa Pengaturcaraan C
Bahasa Pengaturcaraan C++
Bahasa Pengaturcaraan JAVA

-----------------------
<ul>
  <li>Bahasa Pengaturcaraan Logo</li>
        <ul>
            <li>Senang</li>
            <li>Mudah</li>
            <li>Untuk Permulaan</li>
        </ul>
  <li>Bahasa Pengaturcaraan Basic</li>
  <li>Bahasa Pengaturcaraan C</li>
  <li>Bahasa Pengaturcaraan C++</li>
  <li>Bahasa Pengaturcaraan JAVA</li>
</ul>
----------------------