There are over a hundred HTML elements. This page uses all of them.
You’re looking at
right now.
Or smaller with
And so on…
And so on…
And so on…
And… nope that’s it for headings. These are all in an
by the way.
Some text is -formatted. Just a different look.
-
We can make a list with
- and
- some
- s
-
Or a numbered list with
- and
- some
- s
-
Or even a description list with
- It
- holds
- description terms,
- and description definitions, .
.
indents text. How credible!
is block’s little brother.
(like an image).
And we can take a break with
.
We can
get a lot fancier with text of course with elements like
, , and .
bolds
italicizes
underlines
is small
subscripts
superscripts
is for marking text as accurate
marks text as deleted
is for isolating text that may flow in a different direction
than surrounding text: ex. محمد.
is for overriding the direction of text: ex. محمد.
Ah, now there’s some breathing room, thanks to
.
You can this website as Every HTML Element. And this whole thing is ,
living on the WWW.
Ignore . That’s more for the machines.
That sense of Ctrl might all be in your head. Well, actually it’s
in .
This is defined. And this is a iable.
How bout some hidden gems?
漢
Here's a taste of a
doesn't do much alone. But who can?
Here's an opportunity for a break
The browser will decide when to take it.
All this text... where does it live? Well we're inside the
of an document. There's a here with us
too. The
thinks about things like s to other things, data, our , and our
A
By this point, I think it’s clear that HTML elements run the gamut
from content to container to logic to edge case. Some elements we
can see, others not so much. Some elements are meant to combine with
others. Some elements are only meant for your browser to read. Some
elements had good intentions but never picked up mainstream use.
That concludes this section.
HTML is more than text.
Sometimes it’s more fun to listen than read. This is the sound of the
website being made.
And this is a video.
In other words, media! Media everywhere.
That’s
| Element | Purpose | Used? | Notes |
|---|---|---|---|
| The root element of the page | ✔️ | Without this, you’re not doing HTML. | |
| Scrolling text | X | Now that would’ve been fun. | |
| Flashing text | X️ | This one not so much. | |
| Disclaimer: No web standards were harmed in the making of this table. |
|||
