Mengenal Jenis-Jenis Tag HTML dalam Pengembangan Web

2 min readFeb 20, 2024

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membangun struktur dasar dari sebuah halaman web. Dalam HTML, tag-tag digunakan untuk menandai berbagai elemen pada halaman web. Berikut adalah beberapa jenis tag HTML yang umum digunakan beserta penjelasannya:

Tag Heading (<h1> - <h6>): Tag-heading digunakan untuk menandai judul atau heading pada halaman web. <h1> adalah level heading yang paling tinggi, sedangkan <h6> adalah level heading yang paling rendah.Contoh:

<h1>Ini adalah judul utama</h1>
<h2>Ini adalah subjudul</h2>

2. Tag Paragraph (<p>): Tag paragraph digunakan untuk menandai teks paragraf pada halaman web. Contoh:

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

3. Tag Anchor (<a>): Tag anchor digunakan untuk membuat tautan atau hyperlink ke halaman web lain atau ke bagian-bagian yang berbeda pada halaman yang sama.

Contoh:

<a href="https://www.example.com">Ini adalah tautan</a> ke situs web lain.

4. Tag Image (<img>): Tag image digunakan untuk menampilkan gambar pada halaman web.

Contoh:

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

5. Tag List (<ul>, <ol>, <li>):

<ul> digunakan untuk membuat daftar tak terurut (unordered list).
<ol> digunakan untuk membuat daftar terurut (ordered list).
<li> digunakan untuk menandai setiap item dalam daftar.

Contoh:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
</ol>

6. Tag Table (<table>, <tr>, <td>): Tag table digunakan untuk membuat tabel pada halaman web.

<table> digunakan untuk membuat tabel.
<tr> digunakan untuk membuat baris dalam tabel.
<td> digunakan untuk membuat sel data dalam tabel.

Contoh:

<table>
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td>Baris 2, Kolom 2</td>
    </tr>
</table>

7. Tag Form (<form>, <input>, <textarea>, <button>): Tag form digunakan untuk membuat formulir interaktif pada halaman web.

<form> digunakan untuk membuat formulir.
<input> digunakan untuk menambahkan elemen input seperti teks, checkbox, dan tombol radio.
<textarea> digunakan untuk membuat area teks multiline.
<button> digunakan untuk membuat tombol.

Contoh:

<form action="/submit" method="post">
    <label for="nama">Nama:</label>
    <input type="text" id="nama" name="nama"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <textarea id="pesan" name="pesan" rows="4" cols="50"></textarea><br><br>
    <button type="submit">Kirim</button>
</form>

8. Tag Div (<div>): Tag div digunakan untuk mengelompokkan elemen-elemen HTML dan membuat layout pada halaman web.

Contoh:

<div id="header">
    <h1>Judul Halaman</h1>
</div>
<div id="content">
    <p>Isi halaman web...</p>
</div>

Itulah beberapa jenis tag HTML yang umum digunakan dalam pengembangan web. Dengan menggunakan tag-tag ini, pengembang dapat membangun struktur halaman web yang konsisten dan terstruktur.

Mengenal Jenis-Jenis Tag HTML dalam Pengembangan Web

Written by Republik Developer