Pengertian HTML Untuk Pemula

HTML (HyperText Markup Language) adalah fondasi utama dalam pembuatan website. Sebagai bahasa markup yang digunakan untuk membuat struktur dan konten halaman web, HTML adalah langkah pertama yang harus dikuasai oleh siapa pun yang ingin terjun ke dunia pengembangan web. Artikel ini akan membahas apa saja yang perlu dipelajari dari HTML, mulai dari dasar hingga topik yang lebih lanjut.

1. Memahami Struktur Dasar HTML

Setiap dokumen HTML dimulai dengan struktur dasar yang terdiri dari beberapa tag utama:

<html>: Tag utama yang membungkus seluruh konten halaman.
<head>: Bagian yang berisi metadata, seperti judul halaman, link ke file CSS, atau script JavaScript.
<body>: Bagian yang berisi konten yang akan ditampilkan di halaman web.

Contoh sederhana struktur HTML:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Selamat Datang di Website Saya</h1>
    <p>Ini adalah paragraf pertama saya.</p>
</body>
</html>

2. Mengenal Tag dan Elemen Dasar

HTML terdiri dari berbagai tag yang memiliki fungsi spesifik. Beberapa tag dasar yang perlu dipahami antara lain:

Heading: <h1> hingga <h6> untuk judul dan subjudul.
Paragraf: <p> untuk menulis teks paragraf.
Gambar: <img src="gambar.jpg" alt="Deskripsi Gambar"> untuk menampilkan gambar.
Link: <a href="https://example.com">Tautan</a> untuk membuat hyperlink.
List:
- <ul> untuk list tidak berurut.
- <ol> untuk list berurut.
- <li> untuk item list.

HTML

<h1>Ini heading1</h1>
<p>Ini adalah paragraf, tempat untuk <em>yapping.</em></p>
<img src="https://i.pinimg.com/736x/c8/29/33/c82933499ec2df8cd9d59c40717e931e.jpg" alt="Kucing Akmal Topi Biru" width="50%">
<a href="https://uploads.dailydot.com/2024/09/cat-cats.gif?auto=compress&fm=gif">Link apaan tuh?</a>

Jawablah Kuis Ini!

1. Berikut ini adalah heading HTML, kecuali...

Donasinya kaka logo-saweria