Rabu, 13 Juli 2016

Cara dan code membuat list di html

Cara dan code membuat list di html

Cara dan code membuat list di html – HTML kependekan dari hyper text markup language,HTML adalah bahasa pemograman yang digunakan untuk membuat sebuah halaman website yang menampilkan bergai informasi di dalamnya.Jangan salah HTML bukan digukan untuk membuat layout suatu website melainkan hanya menampilkan website itu sendiri yang digukan untuk membuat layout adalah CSS.
Cara dan code membuat list di html

Dasar-dasar HTML sebenarnya banyak sekali seperti membuat table,memasukan gambar,mamasukan lagu dan memasukan video namun dalam artikel ini kita membahas cara dan code apa saja yang digunakan untuk membuat list di html.
Dalam pembuatan list ada atribut yang biasa digunakan yaitu :
  • <ul></ul>   membuat daftar list tidak berurutan
  • <ol></ol>  membuat daftar list berurutan
  • <li></li>     digunakan di dalam ol dan ul
Code ul juga memiliki beberapa tag atribut yang bisa di gunakan seperti :
  • “Disk” membuat bulatan hitam caranya <ul type=”disk”> seperti ini?
  • “Circle” membuat bulatan putih caranya <ul type=”circle”> seperti ini?
  • “square” membuat kotak caranya <ul type=”square”> seperti ini?

Langsung saja kita mulai cara membuatnya :
1.Buka text editor anda disini saya menggunakan notepat ++
2.Tulis code di bawah ini
                <html>
                <head>
                                <title>List</title>
                </head>
               
                <body>
                                <ul>
                                                <li>Buah
                                                                <ul>
                                                                <li>Jeruk</li>
                                                                <li>Apel</li>
                                                                <li>Nanas</li>
                                                                </ul>
                                                </li>
                                </ul>
                                <ol>
                                                <li>Sayuran
                                                                <ol>
                                                                <li>Jeruk</li>
                                                                <li>Apel</li>
                                                                <li>Nanas</li>
                                                                </ol>
                                                </li>
                                </ol>
                </body>
</html>

Cara dan code membuat list di html


Maka hasilnya akan seperti gambar diatas disini saya hanya mengajarkan dasar-dasarnya saja dalam penulisan code list di html.Jika anda ingin diajarkan sesuatu boleh komentar di setiap artikel saya yang relevan dengan apa yang ingin anda tanyakan atau ajarkan.

Baca Juga : cara dan code membuat table di html


Sekian tutorial html  yang membahas tentang cara dan code membuatlist di html semoga dapat bermanfaat saya ucapkan terimakasi.

Cara dan code membuat list di html Rating: 4.5 Diposkan Oleh: Unknown

0 komentar:

Posting Komentar