Membuat List HTML


Sebelum cara membuat list html baca terlebih dahulu ( Cara membuat hyperlink pada HTML ) .
List element berguna menampilkan informasi dalam bentuk list menu pada web

  • Ordered list menampilkan list yang teurut <ol>
  • Unordered list menampilkan yang tidak teurut <ul>

    Perhatikan contoh penulisan list dalam HTML|
<html>
<head>
<title>belajar membuat list duniascript27.com</title>
</head>
<body>
<li>belajar HTML</li>
<li>belajar PHP</li>
</body>
</html>



Perhatikan di atas menggunakan < li>  selalu di awali dengan tanda titik. 

Baca Juga : Dampak Introvert bagi programmer

Ordered List <ol>

Diawali dengan angka / huruf contoh bikin ordered list pada html sebagai berikut 

<html>
<head>
<title>belajar membuat list</title>
</head>
<body>
<ol>
<li>belajar HTML</li>
<li>belajar PHP</li>
</ol>
</body>
</html>




Unordered list <ul>

Sebagai berikut contoh 

<html>
<head>
<title>belajar membuat list duniascript27.com</title>
</head>
<body>
<ul>
<li>belajar HTML</li>
<li>belajar PHP</li>
</ul>
</body>
</html>


Baca Juga : Cara buat tabel html

                    Cara buat paragraf html

Kalian bisa lihat sendiri perbedaan masing-masing penggunaan jenis list pada HTML , dalam penggunaan list pada html bukan hanya membuat daftar saja bisa menggabungkan CSS,Javascript tag bisa digunakan membuat menu navigasi pada web .

0 komentar