-
< div > *
Where it all began. The div was created, and it multiplied, and grew in abundance. This has caused quite a lot of people to become angry.
*this is merely an intro to this series. We will return to the div in the future, in full.
-
< button >
If you don't want to learn the button is meant for specific tasks, you can go elsewhere; use the a...
-
< a >
The anchor element, aka the thing everyone seems to want to make look like a button.
-
< article >
coming soon!
Article. NOT JUST FOR ARTICLES.
-
< html >
coming soon!
The beginning, the first thing you put on a page, almost.
-
< head >
coming soon!
Without a head, you're dead. Usually. Aside from life, the head of an HTML document provides space for many things.
-
< title >
coming soon!
No title, no entry! Seriously. You need a title. What makes a good title?
-
< body >
coming soon!
You get a body, I get a body, we all get a body, including an HTML document.
-
< meta >
coming soon!
The meta element, probably soon to be acquired by another company. Kidding. Hopefully.
-
< nav >
coming soon!
Hello, nav, where we would go without you? Probably not where we thought we would.
-
< main >
coming soon!
Main is more than just the top of the menu heap. It provides some well-needed structure.
-
< header >
coming soon!
There are headings (h1 ~ h6) and there is the head, but this is a header.
-
< footer >
coming soon!
For all the links you forgot to provide in your regular menu, we give you: footer. (No, no, is joke. Please.)
-
< aside >
coming soon!
Like a whisper in your ear at a loud concert, few seem to understand the aside.
-
< section >
coming soon!
Quiet but useful, the section element yearns for more understanding.
-
< h1 ~ h6 >
coming soon!
These are not headers. They are headings. One of them should only occur once. The rest must follow an order.
-
< hgroup >
coming soon!
Why not? Let's have an element I have no clue when I last used it.
-
< br >
coming soon!
I hate to break it to ya, but sometimes this element really can be used for good reasons.
-
< progress >
coming soon!
Why are we here, but to progress through this maudlin life?
-
< details >
coming soon!
I will always confuse this one with summary; like meeting twins and getting their names wrong the first time.
-
< summary >
coming soon!
The one I think is details, but it isn't. Nor should you.
-
< form >
coming soon!
Without form, everything was null and void. And then all went home and ate ice cream. Process!
-
< input >*
coming soon!
There are twenty two different types of input. Let's begin with an overview to understand how using the right one helps us.
-
< label >
coming soon!
Labels are very useful, have a specific purpose, and should only be hidden if a designer sacrifices a pet.
-
< fieldset >
coming soon!
Under-utilized. I am curious if there is a reason for that. Let's find out!
-
< input:submit >
coming soon!
People of WebLand, I submit to you, the submit. Now, submit to its will, or you will be submitted to oh I'm done. Sorry.
-
< input:email >
coming soon!
Look! An input with native features that allow us to work without JavaScript!
-
< input:password >
coming soon!
This input type has some nice built-in features that you do not have to rebuild in JavaScript. Ever.
-
< ul >
coming soon!
UL, IL, OL, we AL UL for LI. Two of these are not like the others, at all.
-
< li >
coming soon!
Hey look it's one of the most over-used elements in every tutorial known to humankind.
-
< ol >
coming soon!
The OL actually has some serious cool features I think you'd like to know.
-
< dialog >
coming soon!
Remember building z-trackers for layered dialog boxes? Yeah? Don't do that. Also, don't build a dialog out of divs. I will find you.
-
< img >
coming soon!
Imagine a world without memes... :: cries in hypertext markup ::
-
< figure >
coming soon!
Figures are not just for illustrative purposes only. Haha. Haha. Ha. Laugh.
-
< figcaption >
coming soon!
Figcaption, first seen in the garden, with Adam & Eve. Biblical joke, budumptiss. Stop me.
-
< blockquote >
coming soon!
The marquee of the page. One of the few elements that affords a myriad of fun, beautiful designs, including making circle...quotes.
-
< cite >
coming soon!
Got a quote? Let the people know where it came from, and who said it. You do not have to explain the why.
-
< address >
coming soon!
I am honestly unsure if or when I have used this one. Might be good for components that create labels.
-
< iframe >
coming soon!
Iknow. Ihear ya. Iframes are bad. But ... are they? Come see.
-
< audio >
coming soon!
I am no longer allowed to use this one, as no one appreciated the auto-play of Barney's Greatest Hits.
-
< so many more >
coming soon!
Not an element. Just a recognition we are not even halfway through aaaaahhhhhhh......