initial commit

5 files changed, 538 insertions, 0 deletions

diff --git a/files/id/web/html/element/base/index.html b/files/id/web/html/element/base/index.html
new file mode 100644
index 0000000000..6b4a556381
--- /dev/null
+++ b/files/id/web/html/element/base/index.html
@@ -0,0 +1,154 @@
+---
+title: <base>
+slug: Web/HTML/Element/base
+translation_of: Web/HTML/Element/base
+---
+<p id="Summary">{{HTMLRef}}</p>
+
+<p>The <strong>HTML <code>&lt;base&gt;</code> element</strong> specifies the base URL to use for all relative URLs contained within a document. There can be only one <code>&lt;base&gt;</code> element in a document. </p>
+
+<p>The base URL of a document can be queried from a script using {{domxref('document.baseURI')}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th>
+   <td>Metadata content.</td>
+  </tr>
+  <tr>
+   <th>Permitted content</th>
+   <td>None, it is an {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th>Tag omission</th>
+   <td>There must be no closing tag.</td>
+  </tr>
+  <tr>
+   <th>Permitted parents</th>
+   <td>Any {{HTMLElement("head")}} that doesn't contain any other {{HTMLElement("base")}} element</td>
+  </tr>
+  <tr>
+   <th>Permitted ARIA roles</th>
+   <td>None</td>
+  </tr>
+  <tr>
+   <th>DOM interface</th>
+   <td>{{domxref("HTMLBaseElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes">Attributes</h2>
+
+<p>This element's attributes include the <a href="/en-US/docs/HTML/Global_attributes">global attributes</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("href")}}</dt>
+ <dd>The base URL to be used throughout the document for relative URL addresses. If this attribute is specified, this element must come before any other elements with attributes whose values are URLs. Absolute and relative URLs are allowed.</dd>
+ <dt>{{htmlattrdef("target")}}</dt>
+ <dd>A name or keyword indicating the default location to display the result when hyperlinks or forms cause navigation, for elements that do not have an explicit target reference. It is a name of, or keyword for, a <em>browsing context</em> (for example: tab, window, or inline frame). The following keywords have special meanings:
+ <ul>
+  <li><code>_self</code>: Load the result into the same browsing context as the current one. This value is the default if the attribute is not specified.</li>
+  <li><code>_blank</code>: Load the result into a new unnamed browsing context.</li>
+  <li><code>_parent</code>: Load the result into the parent browsing context of the current one. If there is no parent, this option behaves the same way as <code>_self</code>.</li>
+  <li><code>_top</code>: Load the result into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as <code>_self</code>.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Usage_notes">Usage notes</h2>
+
+<p>If multiple <code>&lt;base&gt;</code> elements are specified, only the first <strong>href</strong> and first <strong>target</strong> value are used; all others are ignored.</p>
+
+<h2 id="Examples">Examples</h2>
+
+<pre class="brush: html">&lt;base href="http://www.example.com/page.html"&gt;
+&lt;base target="_blank" href="http://www.example.com/page.html"&gt;
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-base-element', '&lt;base&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>No change since last snapshot.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'document-metadata#the-base-element', '&lt;base&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Specified the behavior of <code>target</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.4', '&lt;base&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Added the <code>target</code> attribute</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}} [2]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Support of relative URIs for <code>href</code> was added in Gecko 2.0 (Firefox 4.0)</p>
+
+<p>[2] Before Internet Explorer 7, <code>&lt;base&gt;</code> could be positioned anywhere in the document and the nearest value of <code>&lt;base&gt;</code> was used. Support for relative URLs has been removed in Internet Explorer 8</p>
diff --git a/files/id/web/html/element/dialog/index.html b/files/id/web/html/element/dialog/index.html
new file mode 100644
index 0000000000..ac51fecd40
--- /dev/null
+++ b/files/id/web/html/element/dialog/index.html
@@ -0,0 +1,165 @@
+---
+title: '<dialog>: The Dialog element'
+slug: Web/HTML/Element/dialog
+translation_of: Web/HTML/Element/dialog
+---
+<p>Elemen<strong> <code>&lt;dialog&gt;</code> </strong>menampilkan sebuah kotak dialog atau komponen interaktif lainnya seperti halnya inspektor atau jendela.</p>
+
+<p> </p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Kategori konten</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Alur Konten</a>, <a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">bagian akar</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Konten yang diijinkan</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Alur konten</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Penanda kesalahan</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Tingkatan yang diijinkan</th>
+   <td>Setiap elemen yang menerima <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">alur konten</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Peran Aria yang diijinkan</th>
+   <td>{{ARIARole("alertdialog")}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Antarmuka DOM</th>
+   <td>{{domxref("HTMLDialogElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><strong><span style="">Atribut</span></strong></p>
+
+<p>Elemen ini memiliki <a href="/en-US/docs/Web/HTML/Global_attributes">atribut global</a>. Penggunaan atribut <code>tabindex</code> harus dihindari pada elemen <code>&lt;dialog&gt;</code> .</p>
+
+<dl>
+ <dt>{{htmlattrdef("open")}}</dt>
+ <dd>Menandakan bahwa dialog telah aktif dan dapat digunakan. Ketika atribut <code>open</code> belum diatur, maka dialog tidak akan tampil kepada pengguna.</dd>
+</dl>
+
+<h2 id="Catatan_penggunaan">Catatan penggunaan</h2>
+
+<p> </p>
+
+<ul>
+ <li>Elemen <code>&lt;form&gt;</code> dapat diintegrasikan didalam dialog dengan menspesifikasikannya menggunakan atribut <code>method="dialog"</code>. Ketika isi form dikirim, dialog akan tertutup dengan sebuah atribut <code>returnValue</code> dari <code>value</code> dari tombol kirim yang digunakan.</li>
+ <li>Elemen-pseudo CSS {{cssxref('::backdrop')}} dapat digunakan untuk menghiasi elemen <code>&lt;dialog&gt;</code>, sebagai contoh untuk membuat redup konten yand tidak boleh diakses saat dialog sedang aktif.</li>
+</ul>
+
+<h2 id="Contoh">Contoh</h2>
+
+<h3 id="Contoh_sederhana">Contoh sederhana</h3>
+
+<pre class="brush: html">&lt;dialog open&gt;
+  &lt;p&gt;Greetings, one and all!&lt;/p&gt;
+&lt;/dialog&gt;
+</pre>
+
+<h3 id="Contoh_lanjutan">Contoh lanjutan</h3>
+
+<p>Pada contoh ini akan terbuka kotak dialog saat tombol "Update details" diklik.</p>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;!-- Simple pop-up dialog box, containing a form --&gt;
+&lt;dialog open id="favDialog"&gt;
+  &lt;form method="dialog"&gt;
+    &lt;section&gt;
+      &lt;p&gt;&lt;label for="favAnimal"&gt;Favorite animal:&lt;/label&gt;
+      &lt;select id="favAnimal"&gt;
+        &lt;option&gt;&lt;/option&gt;
+        &lt;option&gt;Brine shrimp&lt;/option&gt;
+        &lt;option&gt;Red panda&lt;/option&gt;
+        &lt;option&gt;Spider monkey&lt;/option&gt;
+      &lt;/select&gt;&lt;/p&gt;
+    &lt;/section&gt;
+    &lt;menu&gt;
+      &lt;button id="cancel" type="reset"&gt;Cancel&lt;/button&gt;
+      &lt;button type="submit"&gt;Confirm&lt;/button&gt;
+    &lt;/menu&gt;
+  &lt;/form&gt;
+&lt;/dialog&gt;
+
+&lt;menu&gt;
+  &lt;button id="updateDetails"&gt;Update details&lt;/button&gt;
+&lt;/menu&gt;
+</pre>
+
+<h4 id="JavaScript">JavaScript</h4>
+
+<pre class="brush: js">(function() {
+  var updateButton = document.getElementById('updateDetails');
+  var cancelButton = document.getElementById('cancel');
+  var favDialog = document.getElementById('favDialog');
+
+  // Update button opens a modal dialog
+  updateButton.addEventListener('click', function() {
+    favDialog.showModal();
+  });
+
+  // Form cancel button closes the dialog box
+  cancelButton.addEventListener('click', function() {
+    favDialog.close();
+  });
+})();
+</pre>
+
+<h3 id="Hasil">Hasil</h3>
+
+<p>{{EmbedLiveSample("Contoh_lanjutan", "100%", 300)}}</p>
+
+<h2 id="Spesifikasi">Spesifikasi</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spesifikasi</th>
+   <th scope="col">Status</th>
+   <th scope="col">Keterangan</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-dialog-element', '&lt;dialog&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.2', 'interactive-elements.html#the-dialog-element', '&lt;dialog&gt;')}}</td>
+   <td>{{Spec2('HTML5.2')}}</td>
+   <td>Initial definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Kompatibilitas_browser">Kompatibilitas browser</h2>
+
+<div class="hidden">
+<p>Tabel kompatibilitas pada halaman ini dihasilkan dari struktur data.Jika ingin berkontribusi untuk data, silakan kunjungi <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> dan kirimkan kami <em>pull request</em>.</p>
+</div>
+
+<p>{{Compat("html.elements.dialog")}}</p>
+
+<h2 id="Polyfills">Polyfills</h2>
+
+<p>Sertakan polyfill ini untuk menyediakan dukungan terhadap <em>browser</em> lawas</p>
+
+<p><a href="https://github.com/GoogleChrome/dialog-polyfill">dialog-polyfill</a></p>
+
+<h2 id="Lihat_juga">Lihat juga</h2>
+
+<ul>
+ <li>The {{event("close")}} event</li>
+ <li>The {{event("cancel")}} event</li>
+ <li><a href="/en-US/docs/Web/Guide/HTML/Forms">HTML forms guide</a>.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/id/web/html/element/image/index.html b/files/id/web/html/element/image/index.html
new file mode 100644
index 0000000000..047ac8f8b4
--- /dev/null
+++ b/files/id/web/html/element/image/index.html
@@ -0,0 +1,16 @@
+---
+title: <image>
+slug: Web/HTML/Element/image
+translation_of: Web/HTML/Element/image
+---
+<div>{{non-standard_header}}</div>
+
+<h2 id="Ringkasan">Ringkasan</h2>
+
+<p>Elemen HTML &lt;image&gt; adalah elemen eksperimental yang dirancang untuk menampilkan gambar. Ini tidak pernah di implementasikan dan standar elemen {{HTMLElement ("img")}} harus digunakan.</p>
+
+<div class="note">
+<p><strong>Jangan Gunakan!<em> </em></strong>Untuk menampilkan gambar, gunakan standar elemen {{HTMLElement ("img")}} .</p>
+</div>
+
+<p>Catatan sampai Firefox 22, meskipun tidak didukung, elemen &lt;image&gt; diasosiasikan dengan {{domxref ("HTMLSpanElement")}}. Kemudian diperbaiki dan sekarang diasosiasikan dengan {{domxref ("HTMLElement")}} mengikuti spesifikasi yang diminta.</p>
diff --git a/files/id/web/html/element/index.html b/files/id/web/html/element/index.html
new file mode 100644
index 0000000000..6651addc38
--- /dev/null
+++ b/files/id/web/html/element/index.html
@@ -0,0 +1,106 @@
+---
+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>
diff --git a/files/id/web/html/index.html b/files/id/web/html/index.html
new file mode 100644
index 0000000000..11a63d028d
--- /dev/null
+++ b/files/id/web/html/index.html
@@ -0,0 +1,97 @@
+---
+title: HTML
+slug: Web/HTML
+translation_of: Web/HTML
+---
+<div>{{HTMLSidebar}}</div>
+
+<p class="summary"><span class="seoSummary"><strong>HTML</strong> (HyperText Markup Language) merupakan <em lang="en">building block</em> web paling dasar. Ini memberikan arti dan struktur konten web. Teknologi-teknologi lainnya disamping HTML umumnya digunakan untuk menggambarkan penampilan/gambaran (<a href="/id/docs/Web/CSS">CSS</a>) atau fungsionalitas/tingkah laku (<a href="/id/docs/Web/JavaScript">JavaScript</a>).</span></p>
+
+<p>"Hypertext" merujuk ke link yang menghubungkan halaman web satu dengan lainnya, baik dalam satu situs maupun antar situs web. Dengan mengunggah konten ke internet dan menghubungkannya ke halaman yang dibuat oleh orang lain, Anda menjadi pertisipasi aktif di World Wide Web.</p>
+
+<p>HTML menggunakan "markup" untuk anotasi teks, gambar, dan konten lainnya untuk ditampilkan dalam peramban Web. Markip HTML terdapat "elements" khusus seperti {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("datalist")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("nav")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("video")}}, {{HTMLElement("ul")}}, {{HTMLElement("ol")}}, {{HTMLElement("li")}} dan masih banyak lagi.</p>
+
+<p>Elemen HTML dibedakan dari teks lain dalam dokumen dengan "tags", yang terdiri dari nama elemen yang dikelilingi oleh "<code>&lt;</code>" dan "<code>&gt;</code>". Nama elemen dalam tag itu insensitif. Yakni, dapat ditulis dengan huruf besar, huruf kecil, atau gabungan. Contohnya tag <code>&lt;title&gt;</code> dapat ditulis sebagai <code>&lt;Title&gt;</code>, <code>&lt;TITLE&gt;</code>, atau dengan cara lainnya.</p>
+
+<p>Artikel-artikel dibawah dalat membantu Amda belajar lebih banyak tentang HTML.</p>
+
+<section class="cleared" id="sect1">
+<ul class="card-grid">
+ <li><span>Pengenalan HTML</span>
+
+  <p>Jika kamu baru di pengembangan Web, pastima untum membaca artikel <a href="/id/docs/Learn/Getting_started_with_the_web/HTML_basics">Dasar-dasar HTML</a> kami untuk belajar apa HTML itu dan cara menggunakannya.</p>
+ </li>
+ <li><span>Tutorial HTML</span>
+  <p>Untuk artikel tentang cara menggunakan HTML, tutorial yang bagus dan dipenuhi contoh, periksa artikel <a href="/id/docs/Learn/HTML">Ruang Belajar HTML</a>.</p>
+ </li>
+ <li><span>Referensi HTML</span>
+  <p>Di bagian <a href="/id/docs/Web/HTML/Reference">Referensi HTML</a> yang luas, Anda akan menemukan setiap detail elemen dan attribut dalam HTML.</p>
+ </li>
+</ul>
+
+<div class="row topicpage-table">
+<div class="section">
+<h2 class="Tools" id="Tutorial_Pemula">Tutorial Pemula</h2>
+
+<p>Fitur-fitur modul ganda <a href="/id/docs/Learn/HTML">Ruang Belajar HTML</a> yang mengajari HTML dari bawah ke atas — tanpa dibutuhkan pengetahuan sebelumnya.</p>
+
+<dl>
+ <dt><a href="/id/docs/Learn/HTML/Introduction_to_HTML">Pengenalan pada HTML</a></dt>
+ <dd>Tahap kumpulan modul ini, membuat Anda terbiasa menggunakan konsep dan sintaks penting seperti melihat pengaplikasian HTML pada teks, cara untuk membuat hyperlink, dan cara menggunakan HTML untuk struktur halaman web.</dd>
+ <dt><a href="/id/docs/Learn/HTML/Multimedia_and_embedding">Multimedia and embedding</a></dt>
+ <dd>This module explores how to use HTML to include multimedia in your web pages, including the different ways that images can be included, and how to embed video, audio, and even entire other webpages.</dd>
+ <dt><a href="/id/docs/Learn/HTML/Tables">Tabel-tabel HTML</a></dt>
+ <dd>Mewakili data tabular di halaman web yang dapat dimengerti, cara keaksesan dapat menantang. Modul ini mencangkup markup dasar tabel, bersama dengan fitur lebih  kompleks seperti keterangan implementasi dan ringkasan.</dd>
+ <dt><a href="/id/docs/Learn/HTML/Forms">Formulir HTML</a></dt>
+ <dd>Formulir merupakan bagian sangat penting di Web — ini menyediakan banyak kegunaan yang Anda butuhkan untuk berinteraksi dengan situs-situs web, msl. pendaftaran dan masuk, pengiriman masukan, pembelian produk, dan lainnya. Modul ini membantu Anda dengan membuat formulir sisi klien/bagian awal hingga akhir.</dd>
+ <dt><a href="/id/docs/Learn/HTML/Howto">Pakai HTML untuk memperbaiki kesalahan umum.</a></dt>
+ <dd>Menyediakan link ke bagian-bagian konten menjelaskan cara menggubakan HTML untuk menyelesaikan masalah sangat umum ketika membuat halaman web: mengatur judul, menambahkan gambar atau vidio, penekanan konten, pembuatan formulir dasar, dsb.</dd>
+</dl>
+
+<h2 id="Topik_Lanjut">Topik Lanjut</h2>
+
+<dl>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/CORS_enabled_image">Gambar diaktifkan CORS</a></dt>
+ <dd class="landingPageList">Attribut {{htmlattrxref("crossorigin", "img")}}, di kombinasikan dengan bagian kepala {{glossary("CORS")}} yang sesuai, memungkinkan gambar didefinisikan dengan elemen {{HTMLElement("img")}} untuk dimuat dari origin asing dan digunakan di elemen {{HTMLElement("canvas")}} seolah sedang dimuat dari asal saat ini.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/CORS_settings_attributes">CORS mengatur atribut</a></dt>
+ <dd class="landingPageList">Beberapa elemen HTML mendukung <a href="/id/docs/HTTP/Access_control_CORS">CORS</a>, seperti {{HTMLElement("img")}} atau {{HTMLElement("video")}}, memiliki atribut <code>crossorigin</code> (properti <code>crossOrigin</code>), yang memungkinkan Anda mengkonfigurasikan permintaan CORS untuk mengambil data elemen.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Focus_management_in_HTML">Fokus manajemen di HTML</a></dt>
+ <dd class="landingPageList">Metode Atribut DOM <code><a href="/id/docs/Web/API/Document/activeElement">activeElement</a></code> dan DOM <code><a href="/id/docs/Web/API/Document/hasFocus">hasFocus()</a></code> membantu Anda melacak dan mengendalikan interaksi pengguna dengan elemen di halaman web.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Preloading_content">Mem-<em lang="en">preloading</em> konten dengan rel="preload"</a></dt>
+ <dd class="landingPageList">The <code>preload</code> value of the {{htmlelement("link")}} element's {{htmlattrxref("rel", "link")}} attribute allows you to write declarative fetch requests in your HTML {{htmlelement("head")}}, specifying resources that your pages will need very soon after loading, which you therefore want to start preloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in. This ensures that they are made available earlier and are less likely to block the page's first render, leading to performance improvements. This article provides a basic guide to how <code>preload</code> works.</dd>
+</dl>
+</div>
+
+<div class="section">
+<h2 class="Documentation" id="Referensi">Referensi</h2>
+
+<dl>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Reference">Refensi HTML</a></dt>
+ <dd class="landingPageList">HTML terdiri dari <strong>elemen</strong>, setiap elemen mugkin dimofikasi dengan beberapa <strong>atribut</strong>. Dokumen HTML terhubung satu sama lain dengan <a href="/id/docs/Web/HTML/Link_types">link</a>.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Element">Referensi elemen HTML</a></dt>
+ <dd class="landingPageList">Kunjungi semua daftar {{glossary("HTML")}} {{glossary("Element", "elements")}}.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Attributes">Referensi atribut HTML</a></dt>
+ <dd class="landingPageList">Elemen HTML memiliki <strong>atribut</strong>. Ini adalah nilai tambahan yang mengkonfigurasikan elemen atau menyesuaikan tingkah lakunya di berbagai cara.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Global_attributes">Atribut Global</a></dt>
+ <dd class="landingPageList">Global attributes may be specified on all <a href="/id/docs/Web/HTML/Element">HTML elements</a>, <em>even those not specified in the standard</em>. This means that any non-standard elements must still permit these attributes, even though those elements make the document HTML5-noncompliant.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Inline_elements">Inline elements</a> and <a href="/id/docs/Web/HTML/Block-level_elements">block-level elements</a></dt>
+ <dd class="landingPageList">Elemen HTML elements biasanya elemen "inline" atau "block-level". Inline elemen hanya menempati ruang yang terikat dengan elemen yang didefinisikan. Block-level menempati seluruh ruang elemen orang tuanya (parent element) (container), dengan demikian membuat sebuah "block."</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Link_types">Jenis-jenis Link</a></dt>
+ <dd class="landingPageList">Di HTML, beragam jenis link dapat digunakan untuk membangun dan mendefinisikan hubungan antara dua dokumen. Elemen link yang jenisnya dapat diatur ke dalam {{HTMLElement("a")}}, {{HTMLElement("area")}} dan {{HTMLElement("link")}}.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/Media/Formats">Panduan jenis-jenis media dan format pada web</a></dt>
+ <dd class="landingPageList">Elemen {{HTMLElement("audio")}} dan {{HTMLElement("video")}} memungkinkan Anda memutar media audio dan vidio secara langsung di konten Anda tidan perlu dukungan perangkat lunak tambahan.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Kinds_of_HTML_content">Jenis-jenis konten HTML</a></dt>
+ <dd class="landingPageList">HTML is comprised of several kinds of content, each of which is allowed to be used in certain contexts and is disallowed in others. Similarly, each has a set of other content categories they can contain and elements which can or can't be used in them. This is a guide to these categories.</dd>
+ <dt class="landingPageList"><a href="/id/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">Quirks mode and standards mode</a></dt>
+ <dd class="landingPageList">Historical information on quirks mode and standards mode.</dd>
+</dl>
+
+<h2 class="landingPageList" id="Topik-topik_berhubungan">Topik-topik berhubungan</h2>
+
+<dl>
+ <dt><a href="/id/docs/Web/HTML/Applying_color">Mengaplikasikan warna ke elemen HTML menggunakan CSS</a></dt>
+ <dd>Artikel ini mencakup sebagian besar cara Anda menggunakan CSS untuk memberikan warna pada konten HTML, daftar bagian dokumen apa yang dapat diwarnai dan properti CSS yang digunakan untuk melakukannya. Termasuk contoh, peralatan tempat palet, dan lainnya.</dd>
+</dl>
+</div>
+</div>
+<span class="alllinks"><a href="/id/docs/tag/HTML">Lihat semua...</a></span></section>