Tag - Tag Yang Membangun HTML: Lists

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.

Tag - Tag Yang Membangun HTML: Lists - hostze.net
Tag - Tag Yang Membangun HTML: Lists

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 :
  1.  <ul> : Tag untuk membuat daftar dengan selain nomor
  2.  <ol> : Tag untuk membuat daftar dengan nomor
  3.  <li> : Tag untuk membuat sebuah item daftar
  4.  <dir> : Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
  5.  <dl> : Tag untuk membuat sebuah daftar definisi
  6.  <dt> : Tag untuk membuat istilah (item) dalam daftar definisi
  7.  <dd> : Tag untuk mendefinisan deskripsi dari item dalam daftar definisi
  8.  <menu> : Tag untuk membuat deskripsi dari item dalam daftar definisi
  9.  <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.

Subscribe to receive free email updates:

2 Responses to "Tag - Tag Yang Membangun HTML: Lists"

  1. Selama ini saya edit template tidak tahu namanya apa, tapi dari baca artikel diatas saya jadi belajar apa itu HTML. Terima kasih info nya ☺

    BalasHapus
    Balasan
    1. Sama-sama gan, Terimakasih telah berkunjung ^_^

      Hapus

= > Silahkan berkomentar sesuai topik artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish

Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]