HTML Capabilities Example	Version	v0.9.0
Updated	2024-09-05
Author	Víctor Goñi Sanz	License	MIT

Debug mode

A brief test of HTML features, showcasing common elements used in webpages.

Headings

This demonstrates different HTML heading levels.

Main Heading Example

Sub-heading

Smaller Sub-heading

Emphasis

You can style text with emphasis in HTML as well:

Italic text HTML do not work.
- Italic text markdown works.
Bold text HTML do not work.
- Bold text markdown works.
Bold and italic text
- Bold and italic text

Lists

Ordered List

You can create ordered lists:

First item
Second item
- Sub-item
Third item

Unordered List

Unordered lists are also simple:

Bullet point 1
Bullet point 2
- Sub-bullet 1
- Sub-bullet 2

Task Lists

Using HTML for task lists:

Task 1
Task 2
Task 3

Code Blocks

Inline HTML code: print(“Hello, world!”)

Pre

HTML code block:

print("Hello world")

Hidden Code Block with Summary

Sometimes you want to hide content, like a code block, and reveal it on request using a <details> and <summary> combination:

Click to reveal code


  <html>
    <head>
      <title>Hidden Code</title>
    </head>
    <body>
      <h1>Hello World!</h1>
    </body>
  </html>

Links

Creating a simple link in HTML:

Click here to visit Example.com.

Media

Images

Inserting an image in HTML:

Example Image

Video Embed

Embedding a YouTube video:

Blockquotes

Blockquotes in HTML:

A sample blockquote.
Spanning multiple lines.

Tables

Tables are easy to create and adjust in HTML:

Syntax	Description
Header	Title
Paragraph	Text

Grids

Using HTML to create a grid layout:

Grid 1

Grid 2

Grid 3

Tree

/dev/nvme0n1p2
- usr
  - local
  - share
  - libexec
  - include
  - sbin
  - src
  - lib64
  - lib
  - bin
  - games
    - solitaire
    - snake
    - tic-tac-toe
  - media
- media
- run
- tmp
Forms

Creating simple forms and buttons in HTML:

Buttons

Form

First name Last name Age

Javascript callbacks

In the final web this is not rendered. You can make the things do magic stuff with JS.

Notification!

ASCII Drawings

Using <pre> tags for ASCII art:
```
╭─────────────────╮
│ MONOSPACE ROCKS │
╰─────────────────╯
```
Horizontal Rule

Use the <hr> tag to create a horizontal rule:

EOF

HTML Capabilities