HTML (HyperText Markup Language) adalah bahasa dasar untuk membuat halaman web. HTML dapat digunakan untuk menentukan struktur dan konten situs web – termasuk teks, gambar, tautan, dan banyak elemen lainnya. Jika Anda baru mengenal pengembangan web, mempelajari HTML adalah langkah pertama dan terpenting. Pada artikel ini kami menjelaskan dasar-dasar HTML dengan cara yang sederhana dan mudah dipahami.
Apa itu HTML?
HTML adalah bahasa markup yang digunakan untuk menyusun dan menampilkan konten di web. Berbeda dengan bahasa pemrograman seperti JavaScript atau Python, HTML tidak mengandung logika apapun, melainkan hanya menggambarkan struktur suatu halaman.
HTML terdiri dari elemen yang ditandai dengan tag. Tag ini diapit dalam tanda kurung siku (< >). Sebagian besar elemen terdiri dari tag pembuka dan tag penutup, misalnya:
<p>Ini adalah sebuah paragraf.</p>
Dalam contoh ini adalah <p> hari pembukaan dan </p> tag penutup sebuah paragraf.
Struktur dasar dokumen HTML
Berikut adalah contoh sederhana membuat halaman HTML:
<!DOCTYPEhtml>
<html>
<kepala>
<title>Judul halaman</title>
</kepala>
<tubuh>
<h1>Selamat datang di situs web saya</h1>
<p>Ini paragraf pertama saya!</p>
</tubuh>
</html>
Penjelasan:
<!DOCTYPEhtml>: Menunjukkan bahwa ini adalah dokumen HTML5.
<html>: Elemen utama yang melingkupi semua kode HTML.
<kepala>: Berisi metadata, judul halaman, dan link ke file eksternal seperti CSS.
<judul>: Judul yang ditampilkan di tab browser.
<tubuh>: Area website yang terlihat dengan konten sebenarnya.
Elemen HTML penting
Berikut adalah beberapa tag HTML yang paling penting:
<h1> sampai <h6>: Judul, dari besar (h1) hingga kecil (h6).
<p>: Paragraf.
<a href=”url”>: Tautan ke halaman lain.
<img src=”gambar.jpg” alt=”Deskripsi”>: Menampilkan gambar.
<ul>, <ol>, <itu>: Pencacahan (tidak berurutan atau berurutan).
<div> Dan <rentang>: Wadah untuk menyusun konten.
Kiat untuk belajar HTML
Berlatih secara teratur – Gunakan editor online seperti KodePen atau JSFiddle untuk berlatih tanpa gunakan.
Gunakan Komentar – Berkontribusi <!– Komentar –> Tambahkan catatan pada kode untuk meningkatkan keterbacaan.
Gunakan sumber yang bagus – situs seperti Dokumen Web MDN memberikan informasi komprehensif tentang setiap elemen HTML.
Kesimpulan
Mempelajari HTML adalah langkah pertama untuk memahami cara kerja situs web. Dengan pengetahuan tentang elemen dasar seperti struktur, teks, gambar, dan link, Anda dapat membuat halaman sederhana. Anda kemudian dapat mendesain dengan CSS dan menambahkan interaktivitas dengan JavaScript.
Mulailah dari yang kecil dan coba banyak – dunia pengembangan web itu menarik dan penuh dengan kemungkinan!
