daftar tag html5
Berikut adalah daftar tag HTML5 yang lebih lengkap, termasuk tag yang belum disebutkan sebelumnya. Mari kita tambahkan tag tabel, iframe, dan lainnya yang Anda sebutkan.
### 1. **Tag Struktur Dasar**
- `<html>`: Elemen root dari dokumen HTML.
- `<head>`: Menyimpan metadata dan informasi terkait dokumen.
- `<title>`: Menetapkan judul dokumen yang ditampilkan di tab browser.
- `<body>`: Konten utama dari dokumen HTML.
### 2. **Tag Metadata**
- `<meta>`: Menyediakan metadata, seperti pengaturan karakter dan informasi penjelajahan.
- `<link>`: Menghubungkan dokumen dengan sumber daya eksternal, seperti stylesheet.
- `<style>`: Menyediakan CSS internal untuk dokumen.
- `<script>`: Menyisipkan atau merujuk skrip JavaScript.
### 3. **Tag Konten Teks**
- `<h1>` hingga `<h6>`: Tag heading untuk membuat judul dengan tingkat kepentingan berbeda.
- `<p>`: Menyatakan paragraf.
- `<hr>`: Membuat garis horizontal.
- `<pre>`: Menyajikan teks dengan format yang sudah ditentukan (preformatted text).
- `<blockquote>`: Menandai kutipan panjang dari sumber lain.
- `<ol>`: Membuat daftar terurut (ordered list).
- `<ul>`: Membuat daftar tidak terurut (unordered list).
- `<li>`: Menyatakan item dalam daftar.
- `<dl>`: Membuat daftar deskripsi (description list).
- `<dt>`: Menandai istilah dalam daftar deskripsi.
- `<dd>`: Menyediakan deskripsi untuk istilah dalam daftar deskripsi.
- `<div>`: Elemen kontainer untuk mengelompokkan konten.
- `<span>`: Menandai bagian kecil dalam dokumen, biasanya untuk styling.
- `<sub>`: Menandai teks yang harus ditampilkan sebagai subscript (di bawah garis dasar).
- `<sup>`: Menandai teks yang harus ditampilkan sebagai superscript (di atas garis dasar).
- `<var>`: Menyatakan variabel dalam konteks matematis atau pemrograman.
- `<samp>`: Menyatakan contoh output dari program komputer.
- `<kbd>`: Menandai input dari keyboard.
### 4. **Tag Tabel**
- `<table>`: Menandai tabel.
- `<caption>`: Menyediakan keterangan untuk tabel.
- `<thead>`: Menandai bagian kepala tabel.
- `<tbody>`: Menandai tubuh tabel.
- `<tfoot>`: Menandai bagian kaki tabel.
- `<tr>`: Menandai baris dalam tabel.
- `<th>`: Menandai sel header dalam tabel.
- `<td>`: Menandai sel data dalam tabel.
### 5. **Tag Media**
- `<img>`: Menyisipkan gambar.
- `<audio>`: Menyisipkan konten audio.
- `<video>`: Menyisipkan konten video.
- `<source>`: Menyediakan sumber untuk elemen `<audio>` dan `<video>`.
- `<track>`: Menyediakan teks untuk elemen video.
- `<figure>`: Menyisipkan gambar dan keterangan.
- `<figcaption>`: Menyediakan keterangan untuk elemen `<figure>`.
### 6. **Tag Tautan dan Navigasi**
- `<a>`: Membuat hyperlink.
- `<nav>`: Menandai bagian navigasi dalam dokumen.
### 7. **Tag Formulir**
- `<form>`: Menandai elemen formulir.
- `<input>`: Elemen input untuk berbagai jenis data.
- `<textarea>`: Menyediakan area teks untuk input multi-baris.
- `<button>`: Menyediakan tombol interaktif.
- `<select>`: Membuat dropdown menu.
- `<option>`: Menandai opsi dalam dropdown.
- `<label>`: Menyediakan label untuk elemen formulir.
- `<fieldset>`: Mengelompokkan elemen formulir.
- `<legend>`: Memberikan judul untuk elemen `<fieldset>`.
- `<datalist>`: Menyediakan daftar opsi untuk elemen input.
- `<output>`: Menampilkan hasil dari perhitungan.
### 8. **Tag Semantik**
- `<header>`: Menandai bagian header dokumen atau bagian.
- `<nav>`: Menandai bagian navigasi.
- `<main>`: Menandai konten utama dari dokumen.
- `<section>`: Menandai bagian dari konten yang memiliki tema tertentu.
- `<article>`: Menandai konten yang dapat berdiri sendiri.
- `<aside>`: Menandai konten yang berhubungan tetapi tidak menjadi bagian utama.
- `<footer>`: Menandai bagian footer dari dokumen atau bagian.
### 9. **Tag Scripting dan Pemrograman**
- `<script>`: Menyisipkan atau merujuk skrip JavaScript.
- `<noscript>`: Menyediakan alternatif konten untuk pengguna yang tidak mendukung JavaScript.
### 10. **Tag Lainnya**
- `<canvas>`: Menyediakan area untuk menggambar grafis menggunakan JavaScript.
- `<svg>`: Menyisipkan grafik vektor.
- `<math>`: Menyisipkan konten matematika.
- `<iframe>`: Menyisipkan halaman HTML lain di dalam halaman saat ini.
### 11. **Tag Interaksi**
- `<details>`: Menyediakan informasi tambahan yang dapat dibuka/tutup.
- `<summary>`: Menyediakan ringkasan untuk elemen `<details>`.
- `<dialog>`: Menandai kotak dialog yang dapat ditampilkan.
### 12. **Tag Khusus**
- `<bdi>`: Menjaga bagian teks dari perubahan arah.
- `<bdo>`: Mengubah arah teks.
- `<time>`: Menyatakan waktu atau tanggal.
- `<mark>`: Menandai teks yang relevan.
- `<progress>`: Menyediakan indikator kemajuan.
- `<meter>`: Menyediakan indikator nilai dalam rentang tertentu.
### Penutup
Ini adalah daftar yang lebih lengkap mengenai tag HTML5, termasuk semua yang Anda sebutkan. Jika ada tag lain yang ingin Anda ketahui lebih lanjut atau jika Anda memiliki pertanyaan spesifik, silakan beri tahu!
0 komentar:
Posting Komentar