Like & Share:
- Like & Share : Jika ini dapat bermanfaat bagi orang lain? Klik tombol bagikan dan beri tahu mereka!
- Comment : Berikan komentar, komentar spam dan tidak relevan tidak akan pernah dipublikasikan!
- Klik Iklan : Terima kasih atas partisipasi Anda yang berharga. Keterlibatan Anda sangat kami hargai!
TokoDaring.Com – Daftar Lengkap TAG HTML. Berikut ini adalah daftar lengkap tag HTML, yang dikategorikan untuk memudahkan referensi. Namun perlu dicatat bahwa beberapa tag sudah usang atau tidak digunakan lagi (deprecated) dan tidak boleh digunakan dalam pengembangan website modern.
TAG HTML
Artikel Seri Programming Lainnya:
Daftar Lengkap CSS Properties
Daftar Lengkap TAG HTML
Daftar lengkap TAG HTML untuk Metadata Dokumen
<!DOCTYPE>
: Menentukan jenis dokumen. Artikel tentang<!DOCTYPE>
HTML.<html>
: Elemen akar dari dokumen HTML. Artikel tentang tag<html>
HTML.<head>
: Berisi metadata dan tautan ke sumber daya eksternal. Artikel tentang tag<head>
HTML.<title>
: Mengatur judul dokumen. Artikel tentang tag<title>
HTML.<base>
: Menentukan URL dasar untuk URL relatif. Artikel tentang tag<base>
HTML.<link>
: Tautan ke sumber daya eksternal seperti stylesheet. Artikel tentang tag<link> HTML
.<meta>
: Menentukan metadata seperti set karakter, viewport, dan lainnya. Artikel tentang tag<meta> HTML
.<style>
: Berisi gaya CSS internal, tentang CSS. Artikel tentang<style>
HTML.<script>
: Menyematkan atau menautkan ke kode JavaScript. Artikel tentang<script>
HTML.<noscript>
: Menyediakan konten alternatif bagi pengguna yang menonaktifkan JavaScript. Artikel tentang tag<noscript>
HTML.
Daftar lengkap TAG HTML untuk Navigasi
<body>
: Menentukan isi dokumen. Artikel Tentang tag<body>
HTML.<header>
: Mewakili konten pengantar atau tautan navigasi. Artikel Tentang tag<header>
HTML.<nav>
: Berisi tautan navigasi. Artikel Tentang tag<nav>
HTML.<section>
: Menentukan bagian dalam dokumen. Artikel tentang<section>
HTML.<article>
: Mewakili konten independen seperti posting blog. Artikel tentang<article>
HTML.<aside>
: Berisi konten yang tidak terkait langsung dengan konten utama. Artikel tentang<aside>
HTML.<footer>
: Menentukan footer untuk dokumen atau bagian. Artikel tentang<footer>
HTML.<main>
: Mewakili konten utama dokumen. Artikel tentang<main>
HTML.<figure>
: Menentukan konten mandiri, sering kali dengan judul (<figcaption>
). Artikel tentang<figure>
HTML.<figcaption>
: Memberikan judul untuk elemen<figure>
. Artikel tentang<figcaption>
HTML.
Daftar lengkap TAG HTML untuk Teks dan Konten
<h1>
,<h2>
,<h3>
,<h4>
,<h5>
,<h6>
: Menetapkan judul HTML. Artikel tentang<h1>
,<h2>
,<h3>
,<h4>
,<h5>
,<h6>
HTML.<p>
: Menetapkan paragraf. Artikel tentang<p>
HTML.<hr>
: Mewakili pemisah tematik (aturan horizontal). Artikel tentang<hr>
HTML.<pre>
: Menampilkan teks yang telah diformat sebelumnya. Artikel tentang<pre>
HTML.<blockquote>
: Menentukan bagian yang dikutip dari sumber lain. Artikel tentang<blockquote>
HTML.<ol>
: Menetapkan daftar yang diurutkan. Artikel tentang<ol>
HTML.<ul>
: Menetapkan daftar yang tidak diurutkan. Artikel tentang<ul>
HTML.<li>
: Menetapkan item daftar. Artikel tentang<li>
HTML.<dl>
: Menetapkan daftar deskripsi. Artikel tentang<dl>
HTML.<dt>
: Menetapkan istilah/nama dalam daftar deskripsi. Artikel tentang<dt>
HTML.<dd>
: Menjelaskan istilah/nama dalam daftar deskripsi. Artikel tentang<dd>
HTML.<a>
: Menentukan hyperlink. Artikel tentang<a>
HTML.<em>
: Menekankan teks (biasanya dicetak miring). Artikel tentang<em>
HTML.<strong>
: Menunjukkan kepentingan yang kuat (biasanya dicetak tebal). Artikel tentang<strong>
HTML.<small>
: Menentukan teks yang lebih kecil. Artikel tentang<small>
HTML.<mark>
: Menyorot teks. Artikel tentang<mark>
HTML.<abbr>
: Menentukan singkatan atau akronim. Artikel tentang<abbr>
HTML.<cite>
: Mengutip sumber. Artikel tentang<cite>
HTML.<q>
: Menentukan kutipan sebaris pendek. Artikel tentang<q>
HTML.<dfn>
: Menentukan istilah definisi. Artikel tentang<dfn>
HTML.<time>
: Mewakili waktu atau tanggal tertentu. Artikel tentang<time>
HTML.<code>
: Menampilkan cuplikan kode. Artikel tentang<code>
HTML.<var>
: Menentukan variabel dalam pemrograman atau ekspresi matematika. Artikel tentang<var>
HTML.<samp>
: Mewakili contoh keluaran dari program komputer. Artikel tentang<samp>
HTML.<kbd>
: Mewakili masukan pengguna. Artikel tentang<samp>
HTML.<sub>
: Menentukan teks subskrip. Artikel tentang<sub>
HTML.<sup>
: Menentukan teks superskrip. Artikel tentang<sup>
HTML.<i>
: Membuat teks miring tanpa menyiratkan penekanan. Artikel tentang<i>
HTML.<b>
: Menebalkan teks tanpa menyiratkan pentingnya. Artikel tentang<b>
HTML.<u>
: Menggarisbawahi teks. Artikel tentang<u>
HTML.<s>
: Mencoret teks (menunjukkan sesuatu yang tidak lagi akurat). Artikel tentang<s>
HTML.<br>
: Menyisipkan jeda baris. Artikel tentang<br>
HTML.<wbr>
: Menyarankan peluang jeda baris. Artikel tentang<wbr>
HTML.<rb>
: Teks dasar untuk anotasi ruby. Artikel tentang<rb>
HTML.<rp>
: Menyediakan teks fallback untuk browser yang tidak mendukung anotasi ruby. Artikel tentang<rp>
HTML.<rt>
: Menentukan pelafalan karakter. Artikel tentang<rt>
HTML.<rtc>
: Wadah untuk elemen<rt>
dalam anotasi ruby. Artikel tentang<rtc>
HTML.<ruby>
: Menentukan anotasi ruby. Artikel tentang<ruby>
HTML.
Daftar lengkap TAG HTML untuk Formulir & Input
<form>
: Menentukan formulir HTML untuk input pengguna. Artikel tentang<form>
HTML.<input>
: Menentukan kontrol input. Artikel tentang<input>
HTML.<textarea>
: Menentukan kontrol input teks multi-baris. Artikel tentang<textarea>
HTML.<button>
: Menentukan tombol yang dapat diklik. Artikel tentang<button>
HTML.<select>
: Menentukan daftar drop-down. Artikel tentang<select>
HTML.<option>
: Menentukan opsi dalam daftar drop-down. Artikel tentang<option>
HTML.<optgroup>
: Mengelompokkan opsi terkait dalam daftar drop-down. Artikel tentang<optgroup>
HTML.<label>
: Menentukan label untuk elemen<input>
. Artikel tentang<label>
HTML.<fieldset>
: Mengelompokkan elemen terkait dalam formulir. Artikel tentang<fieldset>
HTML.<legend>
: Menentukan keterangan untuk elemen<fieldset>
. Artikel tentang<legend>
HTML.<datalist>
: Menyediakan fitur pelengkapan otomatis untuk elemen<input>
. Artikel tentang<datalist>
HTML.<output>
: Mewakili hasil perhitungan atau tindakan pengguna. Artikel tentang<output>
HTML.<progress>
: Mewakili kemajuan penyelesaian tugas. Artikel tentang<progress>
HTML.<meter>
: Mewakili pengukuran skalar dalam rentang yang diketahui. Artikel tentang<meter>
HTML.
Daftar lengkap TAG HTML untuk Konten Tertanam
<img>
: Menanamkan gambar. Artikel tentang<img>
HTML.<iframe>
: Menanamkan halaman HTML lain di dalam halaman saat ini. Artikel tentang<iframe>
HTML.<embed>
: Menanamkan konten eksternal seperti plugin. Artikel tentang<embed>
HTML.<object>
: Mewakili sumber daya eksternal seperti gambar atau applet. Artikel tentang<object>
HTML.<param>
: Menentukan parameter untuk elemen<object>
. Artikel tentang<param>
HTML.<video>
: Menanamkan konten video. Artikel tentang<video>
HTML.<audio>
: Menyematkan konten audio. Artikel tentang<audio>
HTML.<source>
: Menentukan beberapa sumber media untuk<video>
atau<audio>
. Artikel tentang<source>
HTML.<track>
: Menyediakan trek teks untuk elemen<video>
dan<audio>
. Artikel tentang<track>
HTML.<map>
: Menentukan peta gambar. Artikel tentang<map>
HTML.<area>
: Menentukan area yang dapat diklik dalam peta gambar. Artikel tentang<area>
HTML.<canvas>
: Digunakan untuk menggambar grafik melalui skrip. Artikel tentang<canvas>
HTML.<svg>
: Menentukan grafik berbasis vektor. Artikel tentang<svg>
HTML.
Daftar lengkap TAG HTML untuk Konten Tabel
<table>
: Menentukan tabel. Artikel tentang<table>
HTML.<caption>
: Menentukan judul tabel. Artikel tentang<caption>
HTML.<tr>
: Menentukan baris dalam tabel. Artikel tentang<tr>
HTML.<th>
: Menentukan sel header dalam tabel. Artikel tentang<th>
HTML.<td>
: Menentukan sel standar dalam tabel. Artikel tentang<td>
HTML.<thead>
: Mengelompokkan konten header dalam tabel. Artikel tentang<thead>
HTML.<tbody>
: Mengelompokkan konten body dalam tabel. Artikel tentang<tbody>
HTML.<tfoot>
: Mengelompokkan konten footer dalam tabel. Artikel tentang<tfoot>
HTML.<col>
: Menentukan properti kolom untuk setiap kolom dalam<colgroup>
. Artikel tentang<col>
HTML.<colgroup>
: Mengelompokkan satu atau beberapa kolom dalam tabel untuk pemformatan. Artikel tentang<colgroup>
HTML.
Daftar lengkap TAG HTML untuk Scripting
<script>
: Menyematkan atau menautkan ke kode JavaScript. Artikel tentang<script>
HTML.<noscript>
: Menyediakan konten alternatif bagi pengguna yang menonaktifkan JavaScript. Artikel tentang<noscript>
HTML.<template>
: Menentukan fragmen templat yang dapat dikloning dan disisipkan ke dalam dokumen. Artikel tentang<template>
HTML.<slot>
: Bertindak sebagai placeholder di dalam komponen web untuk menyisipkan konten eksternal. Artikel tentang<slot>
HTML.
Daftar lengkap TAG HTML untuk Elemen Semantik
<article>
: Menentukan konten yang independen dan mandiri. Lihat artikel tentang<article>
HTML.<aside>
: Menentukan konten selain konten halaman. Lihat artikel tentang<aside>
HTML.<details>
: Menentukan detail tambahan yang dapat dilihat atau disembunyikan pengguna. Artikel tentang<details>
HTML.<dialog>
: Menentukan kotak dialog atau jendela. Artikel tentang<dialog>
HTML.<summary>
: Menentukan judul yang terlihat untuk elemen<details>
. Artikel tentang <summary> HTML.<data>
: Menghubungkan konten dengan terjemahan yang dapat dibaca mesin. Artikel tentang<data>
HTML.<output>
: Mewakili hasil perhitungan atau tindakan pengguna. Artikel tentang<output>
HTML.
Daftar lengkap TAG HTML untuk Elemen Interaktif
<details>
: Menentukan detail tambahan yang dapat dilihat atau disembunyikan pengguna. Artikel tentang HTML.<dialog>
: Mewakili kotak dialog atau jendela. Artikel tentang HTML.<summary>
: Menentukan judul ringkasan yang terlihat untuk elemen<details>
. Artikel tentang HTML.<menu>
: Mewakili daftar perintah. Artikel tentang Tag <menu> HTML.<menuitem>
: Mewakili perintah dalam menu popup (sudah tidak digunakan lagi). Artikel tentang Tag<menuitem>
HTML.<dialog>
: Mewakili kotak dialog atau jendela. Artikel tentang HTML.
Daftar lengkap TAG HTML yang Tidak Digunakan Lagi (Deprecated)
<acronym>
: Mewakili singkatan (gunakan<abbr>
sebagai gantinya). Artikel tentang<acronym>
HTML.<applet>
: Menyematkan applet Java (gunakan<object>
sebagai gantinya). Artikel tentang<applet>
HTML.<bgsound>
: Menyematkan suara latar (gunakan<audio>
sebagai gantinya). Artikel tentang<bgsound>
HTML.<dir>
: Mewakili daftar direktori (gunakan<ul>
sebagai gantinya). Artikel tentang<dir>
HTML.<frame>
: Menentukan jendela (frame) dalam frameset (gunakan<iframe>
sebagai gantinya). Artikel tentang<frame>
HTML.<frameset>
: Menentukan sekumpulan frame (gunakan<iframe>
sebagai gantinya). Artikel tentang<frameset>
HTML.<noframes>
: Menyediakan konten alternatif untuk browser yang tidak mendukung frame. Artikel tentang<noframes>
HTML.<isindex>
: Digunakan untuk menentukan prompt satu baris untuk bidang pencarian (gunakan<input>
sebagai gantinya). Artikel tentang<isindex>
HTML.<keygen>
: Memfasilitasi pembuatan pasangan kunci (sudah tidak digunakan lagi). Artikel tentang<keygen>
HTML.<marquee>
: Membuat marquee teks bergulir (tidak didukung di semua browser). Artikel tentang<marquee>
HTML.
FAQ (Frequently Asked Question) atau Tanya Jawab Umum Tentang Daftar Lengkap TAG HTML
FAQ (Frequently Asked Question) atau Tanya Jawab Umum Tentang Daftar Lengkap TAG HTML.
Apa itu tag HTML?
Tag HTML adalah elemen kode yang digunakan untuk menentukan struktur dan konten elemen pada halaman web. Tag diapit oleh tanda kurung siku (< >
) dan biasanya berpasangan, seperti <p>
dan </p>
untuk paragraf.
Apa saja tag HTML yang paling umum?
Beberapa tag HTML yang paling umum meliputi:<h1>
hingga <h6>
: Tag judul untuk berbagai tingkat judul.<p>
: Tag paragraf untuk blok teks.<a>
: Tag jangkar untuk membuat hyperlink.<img>
: Tag gambar untuk menyematkan gambar.<div>
: Tag divisi untuk mengelompokkan konten.
Apa perbedaan antara tag pembuka dan tag penutup?
Tag pembuka memulai elemen dan tampak seperti <tagname>
, sedangkan tag penutup mengakhiri elemen dan tampak seperti </tagname>
. Misalnya, <p>
adalah tag pembuka untuk paragraf, dan </p>
adalah tag penutup yang sesuai. Beberapa tag, seperti <img>
, bersifat menutup sendiri dan tidak memerlukan tag penutup.
Dapatkah tag HTML memiliki atribut?
Ya, tag HTML dapat memiliki atribut yang menyediakan informasi tambahan tentang elemen tersebut. Misalnya, tag <a>
dapat memiliki atribut href yang menentukan URL tautan, seperti ini: <a href="https://example.com">Link</a>
.
Apa yang dimaksud dengan tag tingkat blok dan tag sebaris?
Tag tingkat blok, seperti <div>
dan <p>
, menggunakan lebar penuh wadahnya dan selalu dimulai pada baris baru. Tag sebaris, seperti <span>
dan <a>
, hanya menggunakan lebar sebanyak yang dibutuhkan dan tidak memaksakan baris baru, sehingga dapat ditempatkan di dalam elemen lain.
Apa tujuan tag HTML semantik?
Tag HTML semantik, seperti <header>
, <article>
, <footer>
, dan <nav>
, memberikan makna pada konten yang disertakannya, sehingga memudahkan mesin pencari dan teknologi bantu untuk memahami struktur dan tujuan halaman web. Tag ini meningkatkan aksesibilitas dan SEO dengan mendefinisikan berbagai bagian halaman web secara jelas.