Tutorial Belajar Pemrograman, membuat game, membuat aplikasi, membuat program, android, game maker, yii, php, CSS, HTML, java, javascript, codeigniter, jquery, Pascal, c++

Friday, March 2, 2012

Membuat List Pada HTML

Membuat List Pada HTML - Dalam sebuah halaman HTML biasanya terdapat list entah dalam bentuk menu ataupun bentuk link yang berbentuk list. kita dapat membuatnya dengan menggunakan tag <li>.

Properti <li> di gunakan untuk menampilakan informasi dalam bentuk daftar (list). Ada dua jenis daftar pada HTML, yaitu daftar dalam format bullet (unosdered list <ul>) dan dalam bentuk nomor (ordered list <ol>).

Atribut elemen list :
Oredered list
Type      = [1 | a | A | i | I]  

Unordered list
Type      = [disc | square | circle]

Untuk mencobanya ketikan kode berkut ini dalam notepad lalu simpan dalam format .HTML lalu jalankan.

<html>
 <head>
  <title>listing</title>
    </head>
    <body bgcolor=#990066 text=#ffccff>
  <h1>TOKO BUKU SERBA SERBU</h1>
  <hr width=50% align=left>
        Toko Kami Menyediakan
        <h2>Alat Tulis</h2>
  <ol>
   <li>pensil</li>
   <li>ballpoint</li>
   <li>penggaris</li>
   <li>dll.</li>
  </ol>
  <h2>Buku – buku Pelajran</h2>
  <ol type=A>
   <li>ilmu pasti</li>
    <ul>
     <li>Fisika</li>
     <li>Kimia</li>
     <li>biologi</li>
    </ul>
   <li>ilmu bumi</li>
   <li>sejarah</li>
   <li>dll.</li>
  </ol>
  <h2>ALat Kantor</h2>
  <ol type=i>
   <li>meja</li>
   <li>kursi</li>
    <ul type=square>
     <li>kursi lipat</li>
     <li>kursi plastic</li>
     <li>kursi listrik</li>
    </ul>
   <li>file manager</li>
   <li>dll.</li>
  </ol>
 </body>
</html>

Setelah di jalankan maka akan muncul seperti di atas.

Baca juga : Menempelkan Image (gambar) Pada HTML

Membuat List Pada HTML sekarang sudah selesai, baca juga tutorial HML lainnya.

Terima Kasih Telah Mengunjungi Blog Sederhana Ini.

Di Mohon Apabila Anda Ingin Mengcopas Artikel Pada Blog ini Cantumkan URL Sumber.

Sebagai Pengunjung Yang Baik Anda Dapat Meninggalkan Komentar di Blog Sederhana Ini.

Share this post

0 komentar

:) :) :-) :-) :)) :)) =)) =)) :( :( :-( :-( :(( :(( :d :d :-d :-d @-) @-) :p :p :o :o :>) :>) (o) (o) [-( [-( :-? :-? (p) (p) :-s :-s (m) (m) 8-) 8-) :-t :-t :-b :-b b-( b-( :-# :-# =p~ =p~ :-$ :-$ (b) (b) (f) (f) x-) x-) (k) (k) (h) (h) (c) (c) cheer cheer

 
© Jin Toples Programming
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0