Rimba Store – HTML, atau HyperText Markup Language, adalah bahasa dasar yang digunakan untuk membuat dan mengatur konten di web. Sebagai fondasi dari semua halaman web, belajar bahasa HTML adalah langkah pertama yang penting bagi siapa saja yang ingin terjun ke dunia pengembangan web. Di artikel ini kita akan bersama-sama belajar memahami dasar-dasar bahaa HTML, struktur dokumen dan beberapa elemen penting yang perlu Anda ketahui.
Apa Itu HTML?
HTML adalah bahasa markup yang digunakan untuk menyusun dan menampilkan konten di internet. Dengan HTML, Anda dapat membuat teks, gambar, tautan, tabel, dan banyak elemen lainnya yang membentuk halaman web. HTML tidak bersifat pemrograman, tetapi lebih kepada cara untuk memberi tahu browser bagaimana menampilkan konten.
Struktur Dasar Dokumen HTML
Setiap dokumen HTML memiliki struktur dasar yang harus diikuti. Berikut adalah contoh sederhana dari struktur dokumen HTML:
<!DOCTYPE html>
<html lang=”id”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang di Belajar HTML</h1>
<p>Ini adalah paragraf pertama di halaman web Anda.</p>
</body>
</html>
Mari kita bahas bagian-bagian dari struktur ini:
- <!DOCTYPE html>: Menunjukkan bahwa dokumen ini adalah dokumen HTML5.
- <html>: Elemen root yang membungkus seluruh konten halaman.
- <head>: Bagian ini berisi informasi tentang dokumen, seperti judul dan pengaturan karakter.
- <title>: Menentukan judul halaman yang akan ditampilkan di tab browser.
- <body>: Bagian ini berisi konten yang akan ditampilkan kepada pengguna, seperti teks, gambar, dan tautan.
Elemen Penting dalam HTML
Berikut adalah beberapa elemen HTML yang sering digunakan:
- Teks dan Paragraf
<h1> hingga <h6>: Digunakan untuk judul, dengan <h1> sebagai yang paling penting dan <h6> sebagai yang paling tidak penting.
<p>: Digunakan untuk membuat paragraf.
- Tautan / Link
<a href=”URL”>: Digunakan untuk membuat tautan.
Contoh:
<a href=”https://www.example.com”>Kunjungi Example</a>
- Gambar
<img src=”URL” alt=”deskripsi”>: Digunakan untuk menampilkan gambar. Contoh:
html
<img src=”gambar.jpg” alt=”Gambar Contoh”>
- Daftar
Daftar Tidak Terurut: Menggunakan <ul> dan <li>.
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
Daftar Terurut: Menggunakan <ol> dan <li>.
<ol>
<li>Langkah 1</li>
<li>Langkah 2</li>
</ol>
- Tabel
<table>: Digunakan untuk membuat tabel.
<table>
<tr>
<th>Nama</th>
<th>Usia</th>
</tr>
<tr>
<td>Alice</td>
<td>30</td>
</tr>
</table>
Mengapa Belajar HTML Penting?
Belajar HTML adalah langkah awal yang penting bagi siapa saja yang ingin menjadi pengembang web. Dengan memahami HTML, Anda dapat:
- Membangun dan mendesain halaman web sederhana.
- Memahami struktur dan cara kerja situs web.
- Mengintegrasikan CSS dan JavaScript untuk meningkatkan tampilan dan fungsionalitas halaman.
HTML adalah bahasa yang sangat penting dalam pengembangan web. Dengan memahami dasar-dasar HTML, Anda dapat mulai membangun halaman web Anda sendiri dan menjelajahi lebih dalam ke dunia pengembangan web. Mulailah dengan belajar bahasa HTML dari membuat halaman sederhana, dan seiring waktu, Anda akan semakin mahir dalam menggunakan HTML dan teknologi web lainnya. Selamat belajar!
