HTML (Hypertext Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan mengatur struktur konten di halaman web. HTML menggunakan tag-tag yang ditempatkan di sekitar elemen-elemen dalam dokumen untuk memberikan instruksi pada browser tentang bagaimana elemen-elemen tersebut harus ditampilkan.
Berikut adalah beberapa komponen utama dalam HTML:
1. Tag: Tag adalah elemen dasar dalam HTML. Mereka ditempatkan di antara tanda "<" dan ">". Terdapat banyak jenis tag dalam HTML, seperti tag pembuka <tag> dan tag penutup </tag>, tag mandiri (self-closing) <tag>, dan tag tanpa konten seperti <br />.
Contoh:
<p>Ini adalah sebuah paragraf.</p>
<img alt="Gambar" src="gambar.jpg" />
2. Struktur Dasar: Setiap dokumen HTML biasanya memiliki struktur dasar yang terdiri dari elemen-elemen seperti <html>, <head>, dan <body>. Elemen <html> adalah elemen root yang membungkus seluruh dokumen HTML.
Contoh:
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Ini adalah judul halaman</h1>
<p>Ini adalah konten halaman.</p>
</body>
</html>
3. Elemen Teks: HTML memiliki elemen untuk menampilkan dan memformat teks seperti judul (<h1> hingga <h6>), paragraf (<p>), tautan (<a>), daftar terurut (<ol>) atau tidak terurut (<ul>), dan lainnya.
Contoh:
<h1>Judul Utama</h1>
<p>Ini adalah sebuah paragraf.</p>
<a href="https://www.contoh.com">Ini adalah tautan</a>
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
4. Elemen Media: HTML memungkinkan penanaman dan pemutaran media seperti gambar (<img />), audio (<audio>), video (<video>), dan elemen lainnya.
Contoh:
<img alt="Gambar" src="gambar.jpg" />
<audio controls="" src="audio.mp3"></audio>
<video controls="" src="video.mp4"></video>
5. Formulir: Elemen <form> digunakan untuk membuat formulir interaktif yang memungkinkan pengguna memasukkan dan mengirimkan data. Formulir biasanya berisi elemen-elemen seperti <input />, <textarea>, dan <button>.
Contoh:
<form action="/proses" method="POST">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<button type="submit">Kirim</button>
</form>
6. Elemen Lainnya: HTML juga menyediakan elemen-elemen lain seperti tabel (<table>), gambar peta (<map>), iframe (<iframe>), elemen <div> untuk pengelompokan konten, dan banyak lagi.
Contoh:
<table>
<tr>
<th>Nama</th>
<th>Usia</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
</table>
<div id="container">
<h2>Konten Div</h2>
<p>Ini adalah paragraf dalam div.</p>
</div>
Dalam pengembangan web modern, HTML sering digunakan bersama dengan CSS (Cascading Style Sheets) dan JavaScript untuk menciptakan halaman web yang interaktif dan menarik secara visual.
Penting untuk dicatat bahwa HTML terus berkembang dengan adanya standar baru dan elemen yang diperkenalkan. Jika Anda tertarik untuk belajar lebih lanjut tentang HTML, saya sarankan Anda mengacu pada referensi dan tutorial terbaru yang mencakup versi HTML yang Anda gunakan.
</textarea></form></video></audio></ul></ol></a></p></h6></h1></html></body></head></html></tag>