HTML5 Kitchen Sink

Text |

Lists |

Tables |

Forms |

Media

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text & Formatting

This is a standard paragraph. It contains strong importance, emphasized text, and marked/highlighted text.

You can also see bold (stylistic), italic (stylistic), small print, and deleted text alongside inserted text.

We can use _subscript and ^superscript for math (H₂O).

Here is a hyperlink, an ABBR, and a keyboard input: Ctrl + C.

This is a blockquote. It is used to quote text from another source.

— The Source Author

Written by Jon Doe.

Visit us at: Box 564, Disneyland, USA

Code & Preformatted

Inline code looks like this: const x = 10;

Below is a <pre> block which preserves whitespace:

function helloWorld() {

console.log("This preserves spaces");

return true;

}

Lists

Unordered List (ul)

List Item 1

List Item 2

Nested Item A

Nested Item B

List Item 3

Ordered List (ol)

First step

Second step

Third step

Definition List (dl)

HTML

A markup language for creating web pages.

CSS

A style sheet language used for describing the presentation.

Tables

Employee Data

ID	Name	Role	Status
101	Alice Smith	Developer	Active
102	Bob Jones	Designer	Offline
Total Employees: 2

Forms

Personal Information

Text Input:

Email:

Password:

Textarea:

Default text...

Select Dropdown:

Volvo

Saab

Choices

Radio Buttons:

HTML

CSS

Checkboxes:

I have a bike

I have a car

Normal Button

Media & Semantic Layout

Click to view hidden details

This is content hidden inside a details tag.

70%

60%

---

© 2023 Kitchen Sink Demo. All rights reserved.