Senin, 15 Februari 2016

Membuat list simbol dengan HTML

Tag <ul></ul> dan <li></li> : Membuat list simbol dengan HTML

Tag <ul> digunakan untuk membuat daftar dengan penanda simbol. Tag ini mempunyai attribute dan value. Attribute :
Type : Digunakan untuk mengubah simbol dari daftar. Valuenya adalah disc, square, atau circle. Value   defaultnya adalah disc.
Tag ini mempunyai tag penutup yaitu </ul>. Tag ini digunakan secara bersamaan dengan tag <li></li>. Fungsi tag <li> adalah untuk menambah daftar/isi dari tag <ul></ul>. Cara menggunakan tag <ul> yaitu dengan menyisipkan item ke dalam tag pembuka dan tag penutup yang diapit dengan tag <li> dan </li>.

~CONTOH~
<html>
<body>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser adalah :
  • Item 1
  • Item 2
  • Item 3
<html>
<body>
<ul type="disc">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser adalah :
  • Item 1
  • Item 2
  • Item 3
<html>
<body>
<ul type="square">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser adalah :
  • Item 1
  • Item 2
  • Item 3
<html>
<body>
<ul type="circle">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser adalah :
  • Item 1
  • Item 2
  • Item 3
~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

Tidak ada komentar :

Posting Komentar