First, why not play some music?
A tiny browser
Click a link and the page loads in the frame below.
Two tiny websites written inside an attribute
These frames use srcdoc, which holds a complete page as text inside the tag itself. There's no separate file. sandbox="" locks the page down so it can't do anything risky.
FAQ (with dropdowns)
Why no CSS?
I haven't learned it yet, and I wanted to understand the structure first.
Why does everything look so plain?
Plain HTML looks like this. Consider it the foundation of the website. CSS, which comes next is the paint!
Is plain bad?
Not at all. It loads fast and it works everywhere.
What's next?
CSS, then JavaScript, then wherever the wind takes me.
A dropdown that offers choices
A basic image with a caption
An image map (click the shapes!)
Click the square to jump to the top, or the circle to jump to the bottom.
the top of the page or the
circle to jump to the bottom.
A link is more than "go to another page".
- Jump within this page (
href="#id") - Go to another page of mine (a relative path)
- The MDN HTML docs (opens in a new tab)
- Start an email (
mailto:) - Download a file (
download)
Forms
Read-only and disabled fields
Small text tags
- HTML: hover this to see the full name (
<abbr>). - Strong importance and emphasis and highlighted text.
A short quotation.
A made-up person- H2O and E = mc2.
- Edited text:
tehthe. - Ctrl+C for keys, Error 418 for program output, x for a variable,
<code>for code. - This sentence is being read backwards.