Tag - Tag Yang Membangun HTML: Lists

Posted by Dimas Nurhilman 8:00 PM

Tag - Tag Yang Membangun HTML: Lists - HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML yang kepanjangannya disebut Hyper Text Markup Language adalah suatu bahasa marka, yang digunakan sebagai salah satu format dokumen World Wide Web. HTML bukanlah sebagai bahasa pemrograman, melainkan sebagai bahasa marka yang digunakan untuk membangun sebuah website.

Setelah kalian mempelajari Tag - Tag Yang Membangun HTML: Links selanjutnya saya akan membahas tentang List pada HTML.

LIST PADA HTML
Dalam pembuatan sebuah dokumen, list (daftar) merupakan sebuah hal yang tidak dapat dihindari. Daftar mengenai berbagai hal selalu dapat ditemukan dalam penulisan dokumen. Resep masakan memiliki daftar bahan yang diperlukan, serta langkah-langkah memasak yang harus diikuti. Penunjuk jalan memiliki daftar tempat yang dapat dituju dan sebagainya. Banyaknya kegunaan daftar ini menjadikan HTML memberikan sekumpulan elemen khusus untuk membuat daftar.

Baca Juga :
   7 Font Terbaik pilihan Programmer untuk Coding
   Kumpulan Situs Web Ebook Pemrograman Komputer Terbaik dan Gratis!
   4 Software Text Editor Terbaik Untuk Ngoding Para Programmer

Berikut Macam - Macam Tag List Pada HTML :

<ul> : Tag untuk membuat daftar dengan selain nomor
<ol> : Tag untuk membuat daftar dengan nomor
<li> : Tag untuk membuat sebuah item daftar
<dir> : Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
<dl> : Tag untuk membuat sebuah daftar definisi
<dt> : Tag untuk membuat istilah (item) dalam daftar definisi
<dd> : Tag untuk mendefinisan deskripsi dari item dalam daftar definisi
<menu> : Tag untuk membuat deskripsi dari item dalam daftar definisi
<command> : Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)

Setelah kita mengetahui fungsi dari masing masing tag links, selanjutnya kita akan membuat beberapa contoh syntax yang menggunakan tag lists pada HTML.

Oke langsung saja kita membuat file lists.html di text editor, lalu masukkan ini :

<!DOCTYPE>
<html>
    <head>
        <title>
            Hostze - Tag Links
        </title>
    </head>
    <body>
        <p>Ini adalah contoh penggunaan ordered list</p>
        <ol>
            <li>Diputar</li>
            <li>Dijilat</li>
            <li>Dicelupin</li>
        </ol>
        <p>Ini adalah contoh penggunaan unordered list</p>
        <ul>
            <li>Nangka</li>
            <li>Papaya</li>
            <li>Jeruk</li>
        </ul>
    </body>
</html>

Setelah itu save, lalu buka file lists.html menggunakan browser dan lihat hasilnya. Untuk contoh penggunan tag yang lain bisa kalian coba sendiri.

Kesimpulan :

HTML bukan bahasa pemrograman melainkan bahasa marka yang digunakan untuk membangun sebuah website.
Ada 3 (tiga) tag utama dalam html yaitu: tag html, tag, head dan tag body.
Pada tiap masing masing tag html memiliki tag pembuka dan tag penutup, namun ada beberapa tag yang tidak memiliki tag penutup.
Kita bisa mengetahui tag penutup dengan melihat simbol garing(garis miring) pada tag tersebut.
Tag Formatting adalah tag yang berfungsi mengubah bentuk tampilan dari teks.
Tag Forms adalah tag yang berfungsi untuk menerima masukan(input) dari pengguna.
Tag Frames adalah tag html yang berfungsi untuk menampilkan halaman web dalam halaman web.
Celah yang bernama ClickJacking memanfaatkan tag frames sebagai media pencurian data.
Tag Images adalah tag yang berfungsi untuk memanggil gambar
Tag Audio/Video adalah tag yang berfungsi untuk memanggil audio atau video
Tag Links digunakan untuk membuat hyperlink, menghubungkan antar dokumen dan juga untuk membuat navigasi
Tag Lists digunakan untuk membuat daftar isi pada html

Kunjungi Juga :
Tutorial Bahasa Pemrograman Web Lengkap!
Tag - Tag Yang Membangun HTML: Tables

Saya harap kalian mengerti dengan penjelasan saya kali ini, jika kalian tidak mengerti silahkan berkomentar di bawah ini.

Demikian artikel yang berjudul Tag - Tag Yang Membangun HTML: Lists semoga bermanfaat dan dapat menambah wawasan kalian semua.