Mengenal Tag dalam HTML
HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan merancang halaman web.
Tag HTML
HTML terdiri dari serangkaian elemen atau "tag" yang digunakan untuk menyusun dan memformat konten di sebuah halaman web.
Tag HTML umumnya terdiri dari tag pembuka dan tag penutup, dengan konten di antara kedua tag tersebut.
Dalam artikel ini, kita akan membahas beberapa tag HTML dasar beserta contoh penggunaannya.
Tag Dasar
Salah satu tag paling mendasar dalam HTML adalah tag <html>, <head>, dan <body>. Tag <html> merupakan root dari dokumen HTML, sedangkan tag <head> berisi metadata, seperti judul halaman yang ditampilkan di tab browser, dan tag <body> berisi konten yang akan ditampilkan kepada pengguna.
Berikut adalah contoh kode HTML dasar:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Web Saya</title>
</head>
<body>
<h1>Selamat Datang di Halaman Web Saya</h1>
<p>Ini adalah paragraf pertama saya di HTML.</p>
<a href="https://www.contoh.com">Kunjungi Contoh.com</a>
</body>
</html>
Di dalam contoh di atas:
- Tag
<h1>digunakan untuk membuat heading utama, yang biasanya lebih besar dan lebih tebal daripada teks paragraf. - Tag
<p>digunakan untuk membuat paragraf, - Tag
<a>digunakan untuk membuat hyperlink yang mengarahkan pengguna ke URL yang ditentukan.
Tag Lanjutan
Selain tag dasar tersebut, ada banyak tag lain yang digunakan untuk berbagai tujuan. Misalnya, tag <img> digunakan untuk menampilkan gambar, tag <ul> dan <li> digunakan untuk membuat daftar, serta tag <table>, <tr>, dan <\td> digunakan untuk membuat tabel.
Berikut adalah contoh kode yang menampilkan gambar dan tabel:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Gambar dan Tabel</title>
</head>
<body>
<h2>Gambar Favorit Saya</h2>
<img src="gambar.jpg" alt="Gambar Favorit" width="300" height="200">
<h2>Contoh Tabel</h2>
<table border="1">
<tr>
<th>Nama</th>
<th>Umur</th>
</tr>
<tr>
<td>Ani</td>
<td>25</td>
</tr>
<tr>
<td>Budi</td>
<td>30</td>
</tr>
</table>
</body>
</html>
Dalam contoh di atas, tag <img> menampilkan gambar dengan atribut src, alt, width, dan height untuk menentukan sumber gambar, teks alternatif, lebar, dan tinggi gambar.
Tag <table> digunakan untuk membuat tabel, dengan tag <tr> untuk baris tabel dan tag <td> untuk sel tabel. Tag <th> digunakan untuk header tabel yang biasanya ditampilkan dengan teks tebal.
Dengan memahami dan menggunakan tag HTML dasar ini, kita dapat membuat halaman web yang terstruktur dan informatif. HTML adalah fondasi dari semua halaman web, dan pemahaman yang kuat tentang dasar-dasarnya sangat penting bagi siapa saja yang tertarik dalam pengembangan web.
