Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Beranda / HTML

Tag HTML yang Sering Digunakan

Diposting Dylan Daniswara Santosa, S.Kom.
Tag HTML yang Sering Digunakan

Dalam pengembangan web, HTML (Hypertext Markup Language) memiliki peran krusial sebagai bahasa markah yang membentuk struktur dan mengatur tampilan konten di halaman web. Tag HTML adalah instruksi kepada peramban (browser) untuk menampilkan konten kepada pengguna. Kesempatan ini akan membahas beberapa tag HTML yang umum digunakan dalam pengembangan web, dilengkapi dengan contoh untuk membantu memahami peran setiap tag.

1. Elemen <html>

Tag <html> adalah elemen utama yang menandai permulaan dan akhir seluruh halaman web. Semua komponen HTML terletak di dalam tag ini.

Contoh:

<!DOCTYPE html>
<html>
  <!-- Isi halaman web lainnya -->
</html>

2. Bagian <head>

Bagian <head> berisi informasi penting tentang halaman web, seperti judul halaman dan tautan ke stylesheet.

Contoh:

<head>
  <title>Judul Halaman</title>
  <link rel="stylesheet" href="style.css">
</head>

3. Tag <meta>

Tag <meta> memberikan informasi tambahan tentang halaman, seperti deskripsi halaman dan kata kunci terkait. Ini juga mengatur pengaturan tampilan.

Contoh:

<meta name="description" content="Ini adalah deskripsi halaman...">
<meta name="keywords" content="kata kunci, contoh, HTML">

4. Tag <link>

Tag <link> digunakan untuk menghubungkan halaman dengan sumber daya eksternal, seperti berkas stylesheet.

Contoh:

<link rel="stylesheet" href="style.css">

5. Tag <script>

Tag <script> digunakan untuk menyisipkan kode JavaScript di halaman web. Ini memungkinkan interaksi dinamis dengan pengguna.

Contoh:

<script>
  // Kode JavaScript di sini
</script>

6. Elemen <body>

Elemen <body> berisi semua isi yang akan ditampilkan kepada pengguna, seperti teks, gambar, tautan, dan elemen lainnya.

Contoh:

<body>
  <h1>Selamat Datang di Halaman Kami</h1>
  <p>Ini adalah contoh paragraf.</p>
  <img src="gambar.jpg" alt="Deskripsi gambar">
</body>

7. Tag-heading <h1>, <h2>, <h3>, ... <h6>

Tag-heading seperti <h1>, <h2>, dan seterusnya, digunakan untuk membuat judul dengan hierarki yang berbeda.

Contoh:

<h1>Judul Utama</h1>
<h2>Bagian Pertama</h2>
<h3>Sub-Bagian</h3>

8. Tag <p>

Tag <p> membentuk paragraf teks, membagi teks menjadi bagian yang lebih terstruktur.

Contoh:

<p>Ini adalah contoh paragraf.</p>
<p>Ini adalah paragraf lainnya.</p>

9. Tag <a>

Tag <a> digunakan untuk membuat tautan atau hyperlink yang mengarahkan pengguna ke halaman lain atau berkas yang bisa diunduh.

Contoh:

<a href="https://www.contoh.com">Tautan ke Contoh</a>

10. Tag <img>

Tag <img> digunakan untuk menyisipkan gambar dalam halaman. Atribut src menunjukkan lokasi gambar.

Contoh:

<img src="gambar.jpg" alt="Deskripsi gambar">

Itulah gambaran tentang tag-tag HTML yang sering digunakan dalam pengembangan web. Setiap tag memiliki peran unik dalam membentuk tata letak, isi, dan interaktivitas halaman web. Memahami tag-tag ini dengan baik merupakan langkah awal penting dalam memahami dasar-dasar pembuatan halaman web.