MDN has a great reference of all the HTML tags used on the web. Here's some HTML tags you'll probably use a lot:
There are a bunch of things that make up a web page aside from the actual document content itself. Stuff like:
Generally speaking, metadata goes in the <head>
tag,
and page content goes in the <body>
tag.
When you use anything other that static
(the default value for position),
you'll be able to use the properties top
, right
,
bottom
and left
to adjust your elements position, but
how it is positioned depends on what value you set position to:
position: static;
Positions based on the content; cannot be adjusted and it's the default value for position for all elements (you probably don't need to know that, but can use it to sound cool at parties).
position: fixed;
Positions with respect to the browser window (useful for sticky headers and stuff). Use with caution because it will probably cover text!
position: relative;
Positions relative to where it normally is.
position: absolute;
"Absolute children have relative parents!" An absolute child element will be positioned
relative to it's parent (the one that has position: relative
).