Selasa, 01 Agustus 2017

Belajar Membuat List HTML



Judul : Belajar Membuat List HTML
Tujuan : Mempelajari cara untuk membuat list menggunakan HTML untuk membangun website.
Target : Dapat memahami struktur dari pemrograman HTML.

Setelah belajar menggunakan Tag Division HTML pada materi sebelumnya. Sekarang mari membahas materi untuk membuat list pada html. List pada html biasanya digunakan untuk mengelompokan bagian - bagian tertentu atau memberikan kategori satuan apa saja dalam satu informasi. Setelah materi ini selanjutnya adalah membahas tentang Cara Membuat Tabel Pada HTML.


<!DOCTYPE html>
<html>
 <head>
 
  
 <title>List | Tag list</title>
  
 </head>
 
 <body>
  <ul>
   <li>List 1</li>
   <li>List 2</li>
   <li>List seterusnya</li>
  </ul>
  
  <ul style="list-style-type:square">
   <li>List 1</li>
   <li>List 2</li>
   <li>List Seterusnya</li>
  </ul>
  
  <ul style="list-style-type:circle">
   <li>List 1</li>
   <li>List 2</li>
   <li>List Seterusnya</li>
  </ul>
  <hr/>
  
  <ol>
   <li>List 1</li>
   <li>List 2</li>
   <li>List seterusnya</li>
  </ol>
  
  <ol type="A">
   <li>List 1</li>
   <li>List 2</li>
   <li>List Seterusnya</li>   
  </ol>
  <ol type="I">
   <li>List 1</li>
   <li>List 2</li>
   <li>List Seterusnya</li>
  </ol>
 </body>
</html>


EmoticonEmoticon