This page is just basic info. If you ever need some examples of what you can or cant do, just visit a page and view it's source. This may be difficult on many modern sites due to their heavy use of javascript to generate everything (try inspect instead which shows the resulting html). In that case, all/almost all of the web pages I write are mostly plain html/css/some tiny amounts of javascript.
Demo of all of the common ones.Not shown at all. Put all scripts, metadata, pre-page stuff here.
Sets the page to unicode.
Keywords for search engines or SEOs.
Links a style sheet to be used. (CSS)
The icon to be used for bookmarks/favorites or tabs.
This allows the browser to resize the page if necessary.
Espicially helpful for mobile.
This sets the title of the page that you see in the title bar,
tab label, or bookmark.
<div id="sdf" style="color: red;"> content</div>
^ ^ ^- attribute value
| |- attribute name
|- tag
Attributes are pieces of data that go along with the tag. These can contain anything from width, inline style info, javascript, and even arbitrary data. Most of the time this will just contain id if anything for the usual tags. Some tags like img or a, required attributes to work.
Basically, everything else. You could technically put more after the body but that's not normal. I'm not going to actually go over all of the possibilities in here. Head to the demo page (link above) for this.
in the old days, tables were used to handle the layout on pages. DON'T DO THIS ANYMORE PLEASE!!! Tables hold DATA. Not everything on the page.