HomeProfileFollowSubscribeContact

Rabu, 14 Maret 2012

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.
Diposting oleh di 00.00

14 komentar:

  1. Loudewik25 September 2012 pukul 08.12

    Menarik juga, terima kasih ya! :)


    ditunggu kunjungan baliknya
    http://loudy92.bologspot.com

    BalasHapus
  2. iyenk21 Desember 2012 pukul 16.22

    thank gan
    sangat bermanfaat
    oh ya coba liat blog hasil karya ane
    http://berkamandiri.blogspot.com/

    BalasHapus
  3. abi10 Maret 2013 pukul 23.56

    kenapa mau masuk ek blog ini dikasih peringatan sama chrome mas ?

    http://xautrading.blogspot.com

    BalasHapus
  4. Fizilal Hamdi24 Juni 2013 pukul 15.50

    thanks gan :D bermanfaat

    BalasHapus
  5. Unknown5 Mei 2015 pukul 17.49

    thanks gan , mampir idjenius.blogspot.com

    BalasHapus
  6. Unknown21 September 2015 pukul 07.22

    Maksih,blog a menggantikan tumpukan rangkuman ku yang ilang

    BalasHapus
  7. Anonim1 Juni 2016 pukul 15.18

    masih kunjungi balik abangjarothz.blogspot.co.id

    BalasHapus
  8. Akbar2 September 2016 pukul 10.58

    thx gan
    http://m-barsal.blogspot.co.id/

    BalasHapus
  9. Unknown17 Oktober 2016 pukul 18.54

    thanks gan

    BalasHapus
  10. Unknown24 Maret 2017 pukul 13.48

    Thanks gan nice info http://zafthyipmonitor.blogspot.co.id/

    BalasHapus
  11. DAKU LAKU13 Oktober 2017 pukul 23.26



    cara memasukan masing-masing link nya, kode html href di tulis dimana ?

    www.arifsani.com

    BalasHapus
    Balasan
    1. Fakhru27 Oktober 2017 pukul 12.27

      Untuk link bisa menggunakan tag . Contohnya ada pada postingan berikut : http://fsfsource.blogspot.co.id/2012/03/tag_18.html

      Hapus
  12. Unknown8 Januari 2019 pukul 21.04

    thanks boii!!!

    BalasHapus
  13. Brok3n link8 November 2020 pukul 09.23

    Thank you

    BalasHapus

Copyright© Fakhru Sidqi Fazari
Back To Top