Jambiseru.com – HTML, singkatan dari HyperText Markup Language, adalah bahasa markup standar untuk membuat halaman web. Ia merupakan fondasi dari setiap website yang Anda kunjungi, bertanggung jawab atas struktur dan konten yang ditampilkan di browser. Tanpa HTML, internet seperti yang kita kenal sekarang tidak akan ada.
Apa itu Bahasa Markup?
Berbeda dengan bahasa pemrograman, bahasa markup tidak digunakan untuk membuat logika atau instruksi yang kompleks. Sebaliknya, ia menggunakan tag untuk memberi tanda pada elemen-elemen konten, menjelaskan kepada browser bagaimana konten tersebut harus ditampilkan. Tag-tag ini ditulis di dalam kurung siku < dan >, misalnya <h1> untuk judul utama dan <p> untuk paragraf.
Struktur Dasar HTML:
Dokumen HTML memiliki struktur dasar yang terdiri dari beberapa elemen penting:
* <!DOCTYPE html>: Deklarasi jenis dokumen, memberitahu browser versi HTML yang digunakan.
* <html>: Elemen root dari dokumen HTML.
* <head>: Berisi informasi metadata tentang halaman, seperti judul, tautan ke stylesheet, dan skrip.
* <title>: Menentukan judul halaman yang ditampilkan di tab browser.
* <body>: Berisi konten utama halaman yang akan ditampilkan kepada pengguna.
Berikut contoh sederhana struktur HTML:
html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Contoh Halaman Web</title>
</head>
<body>
<h1>Judul Utama</h1>
<p>Ini adalah paragraf.</p>
</body>
</html>
Elemen-elemen Penting HTML:
HTML menyediakan berbagai macam elemen untuk menyusun konten web, di antaranya:
* <h1> hingga <h6>: Untuk judul dengan berbagai tingkatan.
* <p>: Untuk paragraf.
* <a>: Untuk tautan (link) ke halaman lain atau sumber daya eksternal.
* <img>: Untuk menampilkan gambar.
* <ul>, <ol>, <li>: Untuk daftar tak berurut (unordered list), daftar berurut (ordered list), dan item daftar (list item).
* <div> dan <span>: Elemen kontainer untuk mengelompokkan elemen lain dan menerapkan gaya.
HTML dan CSS:
HTML berfokus pada struktur dan konten, sementara CSS (Cascading Style Sheets) digunakan untuk mengatur tampilan visual halaman web, seperti warna, font, dan tata letak. Keduanya bekerja sama untuk menciptakan halaman web yang menarik dan fungsional.
HTML5: Standar Modern:
HTML5 merupakan versi terbaru HTML yang menawarkan banyak fitur baru dan peningkatan, seperti dukungan untuk elemen multimedia, API yang lebih canggih, dan semantik yang lebih baik.
HTML adalah bahasa markup yang fundamental bagi web. Memahami dasar-dasar HTML sangat penting bagi siapa pun yang ingin terjun ke dunia pengembangan web. Dengan mempelajari HTML, Anda dapat mulai membangun website Anda sendiri dan berkontribusi pada dunia digital. (doo)
