VIP INFORMATIKA

Lab Digital SMK VIP Al Huda Kebumen

Satu platform untuk semua materi Informatika, praktikum mandiri, dan eksplorasi teknologi masa depan.

Mulai Belajar

Kamis, 25 Desember 2025

Bermain dengan Tag Dasar HTML: Membuat Teks, Link, dan Menampilkan Gambar

Halo pejuang digital! Di materi sebelumnya, kita sudah berhasil membuat file HTML pertama. Tapi, tampilannya masih sangat sepi, bukan? Hari ini, kita akan belajar cara menggunakan Tag Dasar agar website kalian lebih informatif dan menarik.

1. Membuat Judul (Heading)

Dalam HTML, kita mengenal <h1> sampai <h6>. Semakin kecil angkanya, semakin besar ukuran teksnya.

<h1>Ini Judul Paling Besar</h1>
<h2>Ini Judul Sub-Materi</h2>
<h3>Ini Judul Lebih Kecil</h3>

2. Membuat Link (Tautan)

Agar pengunjung bisa berpindah halaman, kita gunakan tag <a>. Contohnya, jika ingin membuat link ke Google:

<a href="https://www.google.com">Klik di sini untuk ke Google</a>

3. Menampilkan Gambar

Website tanpa gambar tentu membosankan. Gunakan tag <img> untuk memanggil gambar. Tag ini tidak memerlukan penutup.

<img src="link_gambar_kalian.jpg" alt="Deskripsi Gambar" width="300">

🚀 Tantangan Praktikum:

Gabungkan semua yang sudah dipelajari! Buatlah sebuah file HTML bernama profil.html yang berisi:

  • Gunakan h1 untuk Nama Lengkap kalian.
  • Gunakan p untuk menceritakan hobi kalian.
  • Masukkan satu Gambar (bisa ambil dari internet).
  • Buat sebuah Link yang mengarah ke blog VIP Informatika ini.

"Jangan takut koding kalian error. Error adalah cara kode memberitahu kalian cara yang benar."

Tidak ada komentar:

Posting Komentar