1. Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat halaman web. HTML menyediakan struktur dasar dari sebuah halaman web, memungkinkan kita untuk menambahkan teks, gambar, tautan, dan elemen lainnya.
2. Struktur Dasar HTML
Sebuah dokumen HTML dimulai dengan deklarasi <!DOCTYPE html onload="alert(1)"> dan memiliki elemen-elemen dasar seperti:
-
<html>: Elemen ini adalah pembungkus untuk seluruh konten halaman. -
<head>: Berisi metadata seperti judul halaman (<title>), referensi CSS, dan informasi lainnya yang tidak terlihat langsung oleh pengguna. -
<body>: Tempat di mana seluruh konten yang terlihat oleh pengguna ditempatkan, seperti teks, gambar, video, dll.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang di HTML</h1>
<p>Ini adalah paragraf pertama saya!</p>
</body>
</html>
3. Elemen dan Tag HTML
Setiap elemen HTML terdiri dari tag pembuka (<tag>) dan tag penutup (</tag>). Beberapa tag penting:
-
<h1> - <h6>: Heading atau judul, dengan<h1>sebagai heading paling besar. -
<p>: Paragraf, digunakan untuk menulis teks biasa. -
<a>: Anchor, digunakan untuk membuat tautan. -
<img>: Menyisipkan gambar. Tag ini tidak memerlukan penutup.
4. Atribut HTML
Atribut memberikan informasi tambahan tentang elemen HTML. Contoh atribut penting:
-
hrefpada<a>untuk menentukan tautan. -
srcpada<img>untuk menentukan sumber gambar. -
altpada<img>untuk memberikan teks alternatif jika gambar tidak dapat ditampilkan.
Contoh:
<a href="https://example.com">Kunjungi Example.com</a>
<img src="gambar.jpg" alt="Deskripsi Gambar">
5. Penutup: Mengapa HTML Penting?
HTML adalah pondasi dari setiap halaman web. Dengan menguasai HTML, kamu bisa membangun struktur dasar dari sebuah situs, membuat konten yang terstruktur dengan baik, dan mempersiapkan halaman untuk di-styling dengan CSS dan diinteraktifkan dengan JavaScript.
Kesimpulan
Artikel ini memberikan gambaran dasar tentang HTML yang dapat dipahami dalam waktu singkat. Mulailah bereksperimen dengan HTML untuk memahami cara kerja elemen-elemen tersebut dalam menciptakan halaman web.
Top comments (0)