Tutorial HTML (3)

 Assalamualaikum warahmatullahi wabarakatuh. Balik lagi nih ke tutorial HTML, jadi pada kali ini kita akan melanjutkan pembelajaran dari tutorial yang sebelumnya, bagi teman-teman yang baru gabung bisa lihat di link ini.

HTML List

List HTML memungkinkan pengembang web untuk mengelompokkan sekumpulan item terkait dalam daftar. Dalam kategorinya list dibagi menjadi 3 bagian :

1. List Tidak Berurut

List tidak berurut dimulai dengan tag <ul>. Setiap item list dimulai dengan tag <li>. Item list akan ditandai dengan peluru (lingkaran hitam kecil) secara default.

<ul>
  <li>Kopi</li>
  <li>Susu</li>
  <li>Teh</li>
</ul>

2. List Berurut

List berurut dimulai dengan tag <ol>. Setiap item list dimulai dengan tag <li>. Item list akan ditandai dengan angka secara default.

<ol>
  <li>Makan</li>
  <li>Minum</li>
  <li>Mandi</li>
</ol>

3. List Deskripsi

HTML juga mendukung daftar deskripsi. Daftar deskripsi adalah daftar istilah, dengan deskripsi setiap istilah. Tag <dl> mendefinisikan daftar deskripsi, tag <dt> mendefinisikan istilah (nama), dan tag <dd> menjelaskan setiap istilah.

<dl>
  <dt>Kopi</dt>
  <dd>- kopi moccacino</dd>

  <dt>Susu</dt>
  <dd>- susu coklat dingin</dd>

    <dt>Teh</dt>
  <dd>- es teh manis</dd>
</dl>

HTML Link

Link ditemukan di hampir semua halaman web. Link memungkinkan pengguna untuk mengklik dari halaman ke halaman. Sintaks Tag HTML <a> mendefinisikan hyperlink. Ini memiliki sintaks berikut:

<a href="https://zivoskoding.blogspot.com/">Zivos Koding</a>

Atribut terpenting dari elemen <a> adalah atribut href, yang menunjukkan tujuan tautan. Teks link adalah bagian yang akan terlihat oleh pembaca. Mengklik teks link, akan mengirim pembaca ke alamat URL yang ditentukan.

HTML Image

Sintaks Image HTML Tag HTML <img> digunakan untuk menyematkan gambar di halaman web. Gambar tidak secara teknis dimasukkan ke dalam halaman web; gambar ditautkan ke halaman web.

<img src="url" alt="teks_gambar">

• Tag <img> membuat ruang penahanan untuk gambar yang direferensikan.
• Tag <img> kosong, hanya berisi atribut, dan tidak memiliki tag penutup.
• Tag <img> memiliki dua atribut yang diperlukan:

1. src - Menentukan link ke gambar
2. alt - Teks alternatif jika gambar tidak muncul untuk menerangkan gambar

Jangan Bingung, Segera Praktekkan!

Mudah-mudahan dengan memahami apa itu HTML rasa bingung kamu tentang membuat halaman web bisa sedikit berkurang ya!

Nih, saya kasih referensi kampus yang oke banget buat fokus ke pemograman web nama kampusnya adalah Sekolah Tinggi Teknologi Nurul Fikri (STT-NF). STT-NF saat ini sedang membuka penerimaan mahasiswa baru TA. 2021/2022. Yang memiliki dua program studi sudah terakreditasi B yaitu Sistem Informasi & Teknik Informatika. Ada peluang Beasiswa 100% full sampai lulus juga loh! Semoga bermanfaat.