Om Swastyastu

Haiii kawanku semua dimanapun kalian berada, bagaimana kabarnya hari ini? Pastinya baik dan sehat dong ya. Akhir-akhir ini banyak sekali isu-isu tentang virus corona kawan-kawan, saya harap kawanku semua jaga kesehatan ya dengan cara menjaga kebersihan diri, mencuci tangan setelah bersentuhan dengan apapun baik benda hidup maupun benda mati, gunakan hand sanitizer untuk membunuh kuman dan virus pada tangan kita, dan ingatlah untuk selalu berolahraga dan makan makanan yang bergizi agar sistem kekebalan tubuh kita kuat untuk melawan virus-virus ini.

Nah kali ini saya akan membagikan lagi nih materi lanjutan dari materi kita yang kemarin, yaitu LIST & LINK PADA HTML. Kawan semua tahu apa itu LIST & LINK PADA HTML?

Jadi LIST itu berarti susunan atau urutan dari hal-hal yang akan kita atur atau sebuah elemen yang digunakan untuk menampilkan informasi dalam bentuk list. Biasanya LIST digunakan untuk membuat menu.

Ada 3 jenis LIST yaitu :

  1. Ordered list > List yang terurut, biasanya ditandai dengan angka atau nomer untuk mengetahui urutan dari list.
  2. Unordered list > List yang tidak terurut, biasanya ditandai dengan tanda pada list
  3. Desctiption list > List yang berisi deskripsi.

sedangkan LINK atau HYPERLINK yaitu menghubungkan satu dokumen dengan dokumen lain pada HTML. Tujuan dari LINK ini yaitu membuat sebuah teks atau gambar yang ketia di klik akan dialihkan ke halaman tertentu yang sudah ditetapkan pada penulisan LINK tersebut.

Hyperlik sendiri ditulis dengan <a> atau yang kita kenal dengan anchor (jangkar). <a> ini selalu diikuti oleh atribut href, dimana href ini lah yang kita isikan dengan alamat yang dituju ketika text atau gambar diklik. Penulisannya seperti ini :

<a href=”qwerty.com”>klik disini</a>

Jenis LINK ada dua yaitu :

  1. Alamat absolut, penulisan alamat file yang disertai dengan alamat webnya.
  2. Alamat altenatif, penulisan alamat file yang akan dipanggil berada dalam aplikasi yang sama, jadi tidak perlu mengisikan namaa websitenya.

Kali ini penerapan yang akan kita lakukan adalah menggabung LIST & LINK menjadi satu dalam sebuah menu program. Programnya dapat dilihat dibawah ini:

  • Facebook
  • Twitter
  • Google+
  • Pinterest
Program LIST & LINK

Setelah di run dalam browser maka tampilannya akan seperti ini :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
Tampilan menu program pada browser

Nah saat tulisan berwarna biru “Klik disini” di klik maka halaman akan dipindahkan ke alamat yang dituju pada LINK. dan pada halaman lain itu telah di isikan LINK untuk menuju ke halaman menu.

Selain menjadi menu, LIST ini juga bisa digunakan untuk membuat biografi pribadi, seperti contoh dibawah ini:

  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • Facebook
  • Twitter
  • Google+
  • Pinterest

Hasil dari program biografi tersebut adalah sebagai berikut :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
Homepage Pribadi

Itulah dia materi LIST & LINK dan penerapannya dalam kehidupan sehari-hari, saya mohon maaf apabila masih banyak terdapat kesalahan pada penulisan maupun materi yang saya bagikan, jangan lupa follow instagram saya yaitu @wrnarendra dan pantau terus blog ini untuk mengetahui lebih banyak tentang materi pemrograman, akhir kata saya ucapkan terima kasih banyak kepada kawan-kawan.

Om Santhi Santhi Santhi Om