---
title: HTML element reference
slug: Web/HTML/Element
tags:
  - Elemen
  - HTML
  - Referensi
  - Web
  - dasar
translation_of: Web/HTML/Element
---
<div>{{HTMLSidebar("Elements")}}</div>

<p><span class="seoSummary">Halaman ini menampilkan semua daftar {{Glossary("HTML")}} {{Glossary("Element","elements")}}, yang dibuat menggunakan {{Glossary("Tag", "tags")}}.</span> Ini dikelompokkan berdasarkan fungsi untuk membantu Anda mengingat lebih mudah. Daftar abjad semua element tersedia di sidebar pada setiap halaman element seperti yang ini.</p>

<div class="note">
<p>Untuk informasi lebih tentang dasar-dasar element HTML dan attribut, lihat <a href="/id/docs/Web/Guide/HTML/Introduction#Elements_%E2%80%94_the_basic_building_blocks">artikel bagian pengenalan HTML</a>.</p>
</div>

<h2 id="Akar_Utama">Akar Utama</h2>

<p>{{HTMLRefTable("HTML Root Element")}}</p>

<h2 id="Document_metadata">Document metadata</h2>

<p>Metadata mengandung informasi halaman. Ini terdapat informasi tentang <em lang="en">styles, scripts</em> dan data untuk membantu perangkat lunak ({{Glossary("search engine", "search engines")}}, {{Glossary("Browser","browsers")}}, dsb.) gunakan dan alihkan halaman. Metadata untuk style dan script bisa didefinisikan di halaman atau link untuk berkas lainnya yabg memiliki informasinya.</p>

<p>{{HTMLRefTable("HTML Document Metadata")}}</p>

<h2 id="Bagian_Dasar">Bagian Dasar</h2>

<p>{{HTMLRefTable("Sectioning Root Element")}}</p>

<h2 id="Kontent_Bagian">Kontent Bagian</h2>

<p>Element konten bagian memungkinkan Ansa mengatur konten dokumen menjadi kepingan-kepingan logis. Gunakan element bagian untuk membuat sebagian besar konten halaman Anda, termasuk navigasi header dan footer, dan judul element untuk mengidentifikasi bagian kontent.</p>

<p>{{HTMLRefTable("HTML Sections")}}</p>

<h2 id="Konten_kalimat">Konten kalimat</h2>

<p>Kegunaan element teks konten HTML mengatur blok atau bagian konten yang ditempatkan antara tag pembuka {{HTMLElement("body")}} dan penutup <code>&lt;/body&gt;</code> . Penting untuk {{Glossary("accessibility")}} and {{Glossary("SEO")}}, element-element ini mengenali tujuan atau struktur kontennya.</p>

<p>{{HTMLRefTable("HTML Grouping Content")}}</p>

<h2 id="Teks_semantik_dalam_baris">Teks semantik dalam baris</h2>

<p>Kegunaan teks semantik dalam baris HTML untuk memberikan tujuan, struktur, atau gaya kata, baris, atau potongan kata sembarang.</p>

<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>

<h2 id="Gambar_dan_multimedia">Gambar dan multimedia</h2>

<p>HTML mendukung beragam sumber multimedia seperti gambar, audio, dan vidio.</p>

<p>{{HTMLRefTable("multimedia")}}</p>

<h2 id="Embedded_content">Embedded content</h2>

<p>Selain konten multimedia biasa, HTML dapat menyertakan konten lainnya, walaupun tidak selalu mudah menyertakannya.</p>

<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>

<h2 id="Scripting">Scripting</h2>

<p>Untuk membuat konten dinamis dan aplikasi web, HTML mendukung penggunaan bahasa skripsi, secara paling jelas JavaScript. Element tertentu mendukung kemampuan ini.</p>

<p>{{HTMLRefTable("HTML Scripting")}}</p>

<h2 id="Batas_Pengubahan">Batas Pengubahan</h2>

<p>Element ini memungkinkan Anda menyediakan indikasi bagian spesifik bagian kalimat yang telah diubah.</p>

<p>{{HTMLRefTable("HTML Edits")}}</p>

<h2 id="Konten_tabel">Konten tabel</h2>

<p>Element ini digunakan untuk membuat dan menangani data tabular.</p>

<p>{{HTMLRefTable("HTML tabular data")}}</p>

<h2 id="Formulir">Formulir</h2>

<p>HTML menyediakan beberapa element yang dapat digunakan bersama untuk membuat formulir, dimana pengguna dapat mengisi dan memasukan ke situs web atau aplikasi. Terdapat banyak informasi ini tersedia di <a href="/en-US/docs/Web/Guide/HTML/Forms">panduan formulir HTML</a>.</p>

<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>

<h2 id="Element_interaktif">Element interaktif</h2>

<p>HTML menawarkan pilihan element yang membantu untuk membuat pengguna interaktif berhadapan dengan objek.</p>

<p>{{HTMLRefTable("HTML interactive elements")}}</p>

<h2 id="Komponen_Web">Komponen Web</h2>

<p>Komponen Web adalah teknologi HTML terhubung yang memungkinkan untuk, secara inti, membuat dan menggunakan element khusus seperti itu HTML umum. Selain itu, Anda dapat membuat versi khusus element HTML standar.</p>

<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>

<h2 id="Element_Usang_dan_Dihilangkan">Element Usang dan Dihilangkan</h2>

<div class="warning">
<p><strong>Peringatan:</strong> Ini adalah element HTML lama yang dihilangkan dan seharusnya tidak digunakan. <strong>Anda harus tidak pernah menggunakannya pada proyek baru, dan harus mengubahnya pada proyek lama secepat yang Anda bisa.</strong> Berikut ini adalah daftarnya, hanya untuk informasi saja.</p>
</div>

<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>