Belajar Html Membuat bullet atau LIST

LIST

List adalah salah satu komponen yang cukup sering digunakan dalam suatu halaman Web. Dalam bentuk aslinya, mungkin sudah tidak terlalu banyak digunakan lagi dan digantikan fungsinya dengan image (gambar), tetapi ada perlunya juga Anda mengetahui list saat tidak memiliki gambar yang akan dijadikan bullet.

List Unordered

<html>
<body>
<h4>Sebentuk list unordered:</h4>
<ul>
<li>Kopi</li>
<li>Teh</li>
<li>Susu</li>
</ul>
</body>
</html>

List Ordered
<html>
<body>
<h4>Sebentuk list ordered:</h4>
<ol>
<li>Kopi</li>
<li>Teh</li>
<li>Susu</li>
</ol>
</body>
</html>

List bersarang
<html>
<body>
<h4>Sebuah list bersarang:</h4>
<ul>
<li>Kopi</li>
<li>Teh
<ul>
<li>Teh hitam</li>
<li>Teh Hijau</li>
</ul>
</li>
<li>Susu</li>
</ul>
</body>
</html>

List Definisi
<html>
<body>
<h4>Contoh list definisi:</h4>
<dl>
<dt>Kopi</dt>
<dd>Minuman panas hitam</dd>
<dt>Susu</dt>
<dd>Minuman dingin putih</dd>
</dl>
</body>
</html>

jadinya kaya gini :

List Unordered

Sebentuk list unordered:

  • Kopi
  • Teh
  • Susu

List Ordered

Sebentuk list ordered:

  1. Kopi
  2. Teh
  3. Susu

List bersarang

Sebuah list bersarang:

  • Kopi
  • Teh
    • Teh hitam
    • Teh Hijau
  • Susu

List Definisi

Contoh list definisi:

Kopi 
     Minuman panas hitam

Susu
     Minuman dingin putih

Tentang belalangtue

manusia biasa yang ingin terus belajar.............
Pos ini dipublikasikan di Computer, HTML, pemrograman, tutorial dan tag , , , . Tandai permalink.

6 Balasan ke Belajar Html Membuat bullet atau LIST

  1. Web designer berkata:

    Penjelasan yang jelas dan singkat ini mas buat pemula ^^
    Moga tambah asyik aja ya blognya….

    Mmm, mau tanya juga mungkin gak pelajaran ttg web sederhana dikasih ke siswa SD?
    Makasih ya …

    Mustika Mentari
    Otak Atik Web | Jasa Pembuatan dan Rebuild WebDesign

    • belalangtue berkata:

      makasih mbak,,
      betul mbak buat pemula,,,,kan saya juga masih pemula,,

      Sebenarnya mungkin saja diberikan kepada siswa SD, tapi g disemua kelas,,,mungkin kelas 4,5 dn 6,,,tapi klo di masukin ke Kurikulum itu sepertinya g mungkin tapi klo sekedar toeri itupun masih diragukan,,,,,

  2. bet365 berkata:

    hi I was fortunate to find your subject in bing
    your topic is exceptional
    I get a lot in your Topics really thanks very much
    btw the theme of you blog is really quality
    where can find it

  3. Zulkifli Rahman berkata:

    info ini yg saya cari2. thanks.

  4. majalah ramen berkata:

    ngasyiikk kowe mas🙂 simple efektif kue kering lebaran 2014

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s