MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

HTML element reference

Halaman ini menampilkan semua daftar HTML elements. Masing-masing elemen di kelompokkan berdasarkan fungsi untuk membantu anda mengingat lebih mudah. Meskipun paduan ini di khususkan bagi yang baru belajar koding, kami berharap ini juga berguna bagi siapa saja.

Elemen Dasar

Basic elements are the backbone of any HTML document. You'll see these elements in the source code for all web pages, following the doctype declaration, which is on the first line of the page. The doctype specifies which version of (X)HTML that page is using. Elements comprising the contents of a Web page are placed between the opening <html> tag and the closing </html> tag. The <html> element is also known as the root element.

Element Description
<html>

Document metadata

Metadata contains information about the page. This includes information about styles, scripts and data to help software (search engines, browsers, etc.) use and render the page. Metadata for styles and scripts may be defined in the page or link to another file that has the information. 

Element Description
<base>
<head>
<link>
<meta>
<style>
<title>

Content sectioning

Content sectioning elements allow you to organize the document content into logical pieces. Use the sectioning elements to create a broad outline for your page content, including header and footer navigation, and heading elements to identify sections of content.   

Element Description
<address>
<article>
<aside>
<footer>
<header>
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
<hgroup>
<nav>
<section>

Text content

Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing </body> tags. Important for accessibility and SEO, these elements identify the purpose or structure of that content.     

Element Description
<dd>
<div>
<dl>
<dt>
<figcaption>
<figure>
<hr>
<li>
<main>
<ol>
<p>
<pre>
<ul>

Inline text semantics

Use the HTML inline text semantic to define the meaning, structure, or style of a word, line, or any arbitrary piece of text.

Element Description
<a>
<abbr>
<b>
<bdi>
<bdo>
<br>
<cite>
<code>
<data> The HTML <data> Element links a given content with a machine-readable translation. If the content is time- or date-related, the <time> must be used.
<dfn>
<em>
<i>
<kbd>
<mark>
<q>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time>
<u>
<var>
<wbr>

Image and multimedia

HTML supports various multimedia resources such as images, audio, and video.

Element Description
<area>
<audio>
<img>
<map>
<track>
<video>

Embedded content

In addition to regular multimedia content, HTML can include a variety of other content, even if it's not always easy to interact with.

Element Description
<embed>
<object>
<param>
<source>

Scripting

In order to create dynamic content and Web applications, HTML supports the use of scripting languages, most prominently JavaScript. Certain elements support this capability.

Element Description
<canvas> The HTML <canvas> Element can be used to draw graphics via scripting (usually JavaScript). For example, it can be used to draw graphs, make photo compositions or even perform animations. You may (and should) provide alternate content inside the <canvas> block. That content will be rendered both on older browsers that don't support canvas and in browsers with JavaScript disabled.
<noscript>
<script>

Demarcating edits

These elements let you provide indications that specific parts of the text have been altered.

Element Description
<del>
<ins>

Table content

The elements here are used to create and handle tabular data.

Element Description
<caption>
<col>
<colgroup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>

Forms

HTML provides a number of elements which can be used together to create forms which the user can fill out and submit to the Web site or application. There's a great deal of further information about this available in the HTML forms guide.

Element Description
<button>
<datalist>
<fieldset>
<form>
<input>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>

Interactive elements

HTML offers a selection of elements which help to create interactive user interface objects.

Element Description
<details>
<dialog>
<menu>
<menuitem>
<summary>

Web Components

Web Components is an HTML-related technology which makes it possible to, essentially, create and use custom elements as if it were regular HTML. In addition, you can create custom versions of standard HTML elements.

Note: The elements for Web Components are defined in the World Wide Web Consortium (W3C) Web Components collection of specifications rather than the HTML specification. In addition, the Web Components specification has not been finalized and is subject to change.

Element Description
<content>
<element>
<shadow>
<template>

Obsolete and deprecated elements

Warning: These are old HTML elements which are deprecated and should not be used. You should never use them in new projects, and should replace them in old projects as soon as you can. They are listed here for informational purposes only.

Element Description
<acronym>
<applet>
<basefont>
<big>
<blink>
<center>
<command>
<content>
<dir>
<font>
<frame>
<frameset>
<isindex>
<keygen>
<listing>
<marquee>
<multicol>
<nextid>
<noembed>
<plaintext>
<spacer>
<strike>
<tt> The HTML Teletype Text Element (<tt>) produces an inline element displayed in the browser's default monotype font. This element was intended to style text as it would display on a fixed width display, such as a teletype. It probably is more common to display fixed width type using the <code> element.
<xmp>

Tag Dokumen dan Kontributor

 Kontributor untuk laman ini: rmsubekti, kscarfone
 Terakhir diperbarui oleh: rmsubekti,