Link Search Menu Expand Document
Dokumentasi

HTML 5

Table of contents
  1. Basic tags
  2. Style and Semantics
  3. Lists
  4. Media (Images, Video and Audio)
    1. Image
    2. Video and audio
  5. Forms and input
  6. Frames
  7. Tables
  8. Programming
  9. Formattings
  10. What is HTML DOM?

Following are the list of tags you will need to be friendly with. Some of the tags may no longer supported by HTML 5.

Basic tags

Tags:

  • a Comment out The <!-- Comment about your code --> is to put some note on your code.

  • the document type: <!DOCTYPE html>

  • an HTML Document <html> </html>

  • Contains metadata information for the document <meta></meta>

  • a title for the document <title></title>

  • the documents body <body></body>

  • HTML Headings, from heading 1 - 6 <h1></h1> - <h6></h6>

  • a Paragraph <p></p>

  • Inserts a single line break <br>

  • a thematic change in the content with horizontal line <hr></hr>

  • a hyperlink <a></a>

  • the relationship between a document and an external resource (mostly used to link to a style sheet) - <link></link>

  • metadata about an HTML Document <meta></meta>

  • style information for a document <style></style>

Back to top

Style and Semantics

Tags:

  • a section in a document

  • a header for the document or section

  • navigation links

  • Specifies the main content of a document

  • a section in a document

  • an article

  • content aside from the page content

  • additional details that the user can view or hide

  • a dialog box or window

  • a visible heading for a <details> element

  • Adds a machine-readable translation of a given content

  • a footer for a document or section

Back to top

Lists

Tags:

  • unordered list

  • ordered list

  • list item

  • directory list

  • description list

  • term name in a description list

  • description of a term name in a description list

Back to top

Media (Images, Video and Audio)

Tags

Image

  • client-side image map

  • area inside an image map

  • Used to draw graphics, on the fly, via scripting (JavaScript)

  • caption for a <figure> element

  • Specifies self-contained content

  • container for multiple image resources

  • container for SVG graphics

Back to top

Video and audio

Tags

  • sound content

  • multiple media resources for media elements <video>, <audio> and <picture>

  • text tracks for media elements <video> and <audio>

  • a video or movie

Back to top

Forms and input

Tags:

  • HTML form for user input

  • input control

  • multiline input control (text area)

  • clickable button

  • drop-down list

  • group of related options in a drop-down list

  • option in a drop-down list

  • label for an <input> element

  • Groups related elements in a form

  • caption for a <fieldset> element

  • Specifies a list of pre-defined options for input controls

  • the result of a calculation

Back to top

Frames

Tags

  • window (a frame) in a frameset

  • set of frames

  • alternate content for users that do not support frames

  • inline frame

Back to top

Tables

Tags

  • table

  • table caption

  • header cell in a table

  • row in a table

  • cell in a table

  • Groups the header content in a table

  • Groups the body content in a table

  • Groups the footer content in a table

  • Specifies column properties for each column within a <colgroup>element

  • Specifies a group of one or more columns in a table for formatting

Back to top

Programming

Tags:

  • client-side script <script></script>

  • alternate content for user that do not support client-side scripts

  • container for an external (non-HTML) application

  • embedded object

  • parameter for an object

Back to top

Formattings

Text formatting tags:

  • an acronym

  • an abbreviation or an acronym

  • contact information for the author/owner of a document/article

  • bold text

  • Isolates a part of text that might be formatted in a different direction from other text outside it

  • Overrides the currect text direction

  • big text

  • a section that is quoted from another source

  • centered text

  • the title of a work

  • a piece of computer code

  • text that has been deleted from a document

  • Specifies a term that is going to be defined within the content

  • emphasized text

  • font, color, and size for text

  • a part of text in an alternate voice or mood

  • a text that has been inserted into a document

  • keyboard input

  • marked/highlighted text

  • a scalar measurement within a known range (a gauge)

  • preformatted text

  • Represents the progress of a task

  • a short quotation

  • what to show in browsers that do not support ruby annotations

  • an explanation/pronunciation of characters (for East Asian typography)

  • a ruby annotation (for East Asian typography)

  • text that is no longer correct

  • sample output from a computer program

  • smaller text

  • strikethrough text

  • important text

  • subscripted text

  • superscripted text

  • a container for content that should be hidden when the page loads

  • a specific time (or datetime)

  • teletype text

  • a variable

Back to top

What is HTML DOM?