Although the syntax of HTML is relatively simple to learn,
there's, still a lot of elements, attributes and
other concepts that you're going to need to learn and keep track of.
While this course is intended to introduce you to the essentials of HTML, it's
really not designed to teach you every single element and attribute available.
So with that in mind, I want to give you a couple of online HTML resources,
that can really help you as you begin learning HTML, and
can serve as valuable references later on, as you're authoring your own pages.
Now we're going to start, at the specifications themselves.
And this is something, two documents that you should definitely have bookmarked.
So, this is the W3Cs version of HTML5.
You can see they have a latest Publisher Version.
You can go see the Editor's Draft,
if you want to see what's coming down, down the pipe.
And, this is pretty large.
If I scroll down, you can see that here's just the Table of Contents.
And I'm not even going to scroll through all of them.
They're really, really big.
You want to learn about specific elements, you can find them.
For example, here's the body element.
If I click on this, it's going to jump to that, within the specification.
And, I've got to admit,
these specifications aren't the easiest thing in the world to read.
They're really written for people that make the browsers themselves.
So for authors, they're not always that easy.
Now, the what working group's standard can be found at whatwg or whatwg.org.
And this is the HTML Living Standard.
You can see they've dropped the HTML5 from it, and
you'll see when it's last updated, that sort of thing.
Now they have a similar approach.
So here's the table of contents.
It's formatted a little nicer, as you can see.
But it is, in a lot of ways, pretty much the same document.
So if I scroll down for example, and click on body,
you can see it jumps down to the body element, and it looks very similar.
Now again, you get some nice examples of it, but
in a lot of ways, these are very technical documents.
Now, I don't want to dissuade you from reading these.
I spend a lot of time in these specifications.
It's going to certainly give you complete overview of how the language works and
how it's supposed to function.
But, if you're looking for maybe a broader introduction to this or something that's
written in a way, more for authors and less for developers of browsers.
Then there are two sites that I want you to bookmark, and one, is webplatform.org.
Now this is an open source website, that was basically started by a lot of folks at
the W3C, and some other people that were looking for
better online documentation, for authoring the web.
So this isn't just HTML.
This is web development in general, which is really nice.
So there's a complete section of documents.
If I click here on The Docs, for example, I can start scrolling down and
take a look at all the different categories they have.
HTML is one of those.
And when I click on HTML,
you can see that I'm presented with a lot of different articles.
I have learning materials.
I have attribute and element references.
API references for those things like drag and drop, and geolocation.
So there's all sorts of information here.
If I click on, say, Element reference, for
example, I'm going to get a listing of all the elements in HTML.
And if I scroll down, for example, I can find body again.
And when I click on that, I get a little bit more information.
Now, this is open-source, meaning, some things you're going to find
a lot of information, other things, you're going to find, not so much information.
These are constantly evolving, so people are adding to them all the time.
So this is a great resource to bookmark, a lot of great articles and,
a lot of great documentation here.
You just need to spend some time with it to kind of figure out exactly where
the information is presented in depth.
Now another one that I consider to be an absolute go-to reference,
is the Mozilla Developer Network.
You can find this at developer.mozilla.org.
And again, there's more to it than just HTML.
I'm just focusing on the HTML reference for right now.
So this is their HTML reference.
And if I scroll down a little bit,
I can see that I have a lot of different articles, guidelines, tutorials.
There are exercises for those people that are new to HTML, there's some introductory
content here, which is really nice, and they also have element references.
So if I click on the element reference,
see I get a more graphic page if you would.
And what's nice about this is,
notice that the new elements in HTML5, are sort of identified.
So you can sort of see, what was available in HTML prior to HTML5, and
then some of those newer elements.
If I click on an element again, you're led to a little bit more information about it.
It's presented in a little bit more of a graphical fashion,
it's pretty easy to see how things work and they have a lot of examples as well.
So I really like this.
So I'm going to go back for just a moment and
in addition to the HTML element reference, they also have
an HTML attribute reference, where you can learn all the attributes.
So you remember earlier when I was talking about syntax, and
I said at this point ,you're just learning which elements are available and
what attributes are available for those elements.
Well, here's a great place for you to do that.
References for both all the HTML elements, and, all the HTML attributes in one place.
So as you begin to learn HTML,
you want to make sure you bookmark, all of these sites.
The, webplatform.org, the HTML reference, and
the Mozilla Developer Network, and the two specifications.
They're going to give you a quick way to look up elements and,
you're going to gain a better understanding of HTML in general.
Now be sure to check out the Next Steps movie at the very end of this course.
In that I'm going to go over a few more resources that can also help you
dig a little deeper, into learning HTML.