This page is quite the throwback! This is what a web page looks with basically no styles. So, this is not the prettiest page to look at, but thanks to the power of HTML elements, it still has a lot going on.
Let’s start with the basics. Some of the first HTML elements that you’ll encounter are lists and headings. So for example, here’s a list of heading elements in an ordered list:
If you’re looking at this page in the Hot Page editor, you can see that the list is created with the
<ol> or “ordered list” tag that contains <li> or “list item” tags.
You might wonder, why use these elements at all? We could write a page that only uses <div> elements
and that would be fine right? Well here is an “unordered list” (<ul>) for why you might want to use
some of these elements.
<h1> tag to find the most important
heading on a page. And other people will thank you for making the source code easier to understand and not just a “div
soup.”
<nav> (navigation)
element at the top of the page and go straight to content instead of starting by reading a list of links to other pages.
Well this is getting very boring, very fast. Let’s get more elements in the mix. How about a <table>? How about a <table> of more elements?
| Element | Meaning |
|---|---|
<article> |
This is less like article as in a news article, and more like article as in an article of clothing. The HTML standard says it’s for |
<section> |
This one is exactly what you think it is. |
Well thi