LIST DI DALAM HTML


CARA MENGGUNAKAN LIST DI HTML

hello sahabat global html kali ini saya akan menjelaskan List pada dokumen HTML adalah sebuah tag untuk mengelompokkan item-item dari suatu daftar baik secara berurutan maupun tidak berurutan yang dilengkapi dengan nomor alfabetik, nomor numerik ataupun dengan bullet. List Tag pada HTML memiliki 3 varian yaitu :
   1. Ordered List (Daftar Bernomor)
contoh ordere list di html :
<!DOCTYPE html>
 <html> 
<head> 
<title>penggunaan tag list </title> 
</head>
 <body>
 <h1>daftar belanjaan</h1> 
 <ol> 
<li>minyak goreng</li> 
 <li>sabun mandi</li>
 <li>deterjen</li> 
 <li>shampoo</li> 
 <li>obat nyamuk</li>
 </ol> 
</body>
 </html>

 2. Unordered List (Bullet)
contoh uondered list di html :
Misalkan kita memiliki kita ingin memberikan background warna pada elemen tabel :
<!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>daftar belanjaan</h1>
  <ul>
    <li>minyak goreng</li>
    <li>sabun mandi</li>
    <li>deterjen</li>
    <li>shampoo</li>
    <li>obat nyamuk</li>
  </ul>
</body>
</html>

   3. Definition List (Daftar Definisi)
contoh definition list di html :
Misalkan kita memiliki kita ingin memberikan background warna pada elemen tabel :
<dl> <dt>study</dt> <dd> the devotion of time and attention to acquiring knowledge on an academic subject, esp. by means of books </dd> <dt>design</dt> <dd> a plan or drawing produced to show the look and function or workings of a building, garment, or other object before it is built or made </dd> <dd> purpose, planning, or intention that exists or is thought to exist behind an action, fact, or material object </dd> <dt>business</dt> <dt>work</dt> <dd>a person's regular occupation, profession, or trade</dd> </dl>


Referensi :

Comments

Popular Posts