💡 Kenapa Belajar HTML?
HTML (HyperText Markup Language) adalah bahasa dasar untuk membuat halaman web. Tanpa HTML, tidak ada website yang bisa kita lihat di browser. Bayangkan HTML itu seperti rangka rumah. Nanti bisa kita cat dan dekorasi dengan CSS, dan diberi alat elektronik dengan JavaScript.
Apa itu HTML?
HTML adalah bahasa standar untuk membuat dan menyusun halaman web. Dengan HTML, kita bisa menampilkan teks, gambar, tabel, tautan, hingga formulir di browser.
Browser (seperti Chrome, Firefox) membaca kode HTML dan menampilkannya menjadi halaman yang bisa kita lihat.
Struktur Dasar HTML
Setiap halaman web punya struktur seperti ini:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Judul Halaman</title>
</head>
<body>
<!-- Isi halaman tampil di sini -->
</body>
</html>
📌 Keterangan:
<!DOCTYPE html> → Memberi tahu browser bahwa ini HTML5.
<html> ... </html> → Pembuka & penutup dokumen HTML.
<head> ... </head> → Berisi informasi tentang halaman (judul, meta, link CSS).
<body> ... </body> → Berisi konten utama yang tampil di browser.
Elemen Dasar HTML
🔹 Heading (Judul)
<h1>Judul Utama</h1>
<h2>Sub Judul</h2>
🔹 Paragraf
<p>Ini adalah sebuah paragraf.</p>
🔹 Gambar (Image)
<img src="foto.jpg" alt="Foto Profil" width="200">
🔹 Tautan / Link
<a href="https://www.google.com">Kunjungi Google</a>
🔹 Tabel
<table border="1">
<tr>
<th>Nama</th>
<th>Kelas</th>
</tr>
<tr>
<td>Herry</td>
<td>8A</td>
</tr>
</table>
🔹 Formulir (Form)
<form action="#" method="post">
Nama: <input type="text" name="nama"><br><br>
Email: <input type="email" name="email"><br><br>
<input type="submit" value="Kirim">
</form>
Langkah mencoba:
Simpan file dengan nama profil.html.
Letakkan foto profil (misal foto.jpg) di folder yang sama.
Klik 2x file profil.html untuk membukanya di browser.
💡 Tantangan: Ubah warna background, tambahkan paragraf tambahan, atau ganti foto sesuai diri kamu.
Ringkasan
HTML adalah kerangka website.
Struktur dasar HTML: <!DOCTYPE html>, <html>, <head>, <body>.
Elemen dasar: heading, paragraf, gambar, link, tabel, form.
Dengan HTML kita bisa membuat halaman sederhana tanpa server.
Tinggalkan Komentar
Komentar (0)
Belum ada komentar.