List of elements


Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text

This is a paragraph of text. Sometimes you want your text to be strong and other times you want to put emphasis on it. You can also highlight text to draw attention to it.

Inline elements include small text, superscripthi, subscriptbye, abbr, and defined terms like classless CSS — a stylesheet that requires no class attributes.

This is an inline link. Links can also be opened in a new tab.

Blockquote

"In a hole in the ground there lived a hobbit. Not a nasty, dirty, wet hole, filled with the end of worms and an oozy smell, nor yet a dry, bare, sandy hole with nothing to sit down on or eat: it was a hobbit-hole, and that means comfort."

Lists

Unordered List

Ordered List

  1. First item
  2. Second item
  3. Third item

Description List

HTML
The standard markup language for documents designed to be displayed in a web browser.
CSS
A style sheet language used for describing the presentation of a document written in HTML.

Table

Assigned To Description Reel ID
Scott Squires Jar Jar & Ceel off Kaadus 7 044
John Knoll MCU Padme 3 061
Dennis Muren Wide shot of Jar Jar with the attached Droid shooting 2 Droids and Destroyer 6 210

Image

George Lucas and Anthony Daniels (C-3PO) talking on the set of Star Wars (1977).
George Lucas and Anthony Daniels (C-3PO) talking on the set of Star Wars (1977).

Audio and Video

Audio

Video

Forms

Text Inputs

Selection

Radio Buttons

Checkboxes

Details

Click to expand

The <details> element creates a disclosure widget that the user can open and close. No JavaScript required.

Dialog

This is a <dialog> modal window.

Code

Inline code: console.log("hello world")

Preformatted Text

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Hello</title>
  </head>
  <body>
    <p>Hello, world!</p>
  </body>
</html>

Keyboard Input and Sample Output

Press Ctrl + C to copy text (Windows).

Press Cmd + C to copy text (Mac).

Sample output: File not found. Press F1 to continue

Progress and Meter

32%

Tickets sold: 75%

Horizontal Rule

A horizontal rule separates content:


Content continues after the rule.