Regular HTML elements that should ALWAYS have both an opening and a closing tag.
Here are some common regular elements you will encounter in our class.
The largest heading, typically used as page headings.
NEVER include more than one h1 element on a page.
The smallest heading
<a href="#">Dummy anchor</a>
<a href="#id-name">
Internal anchor
</a>
<a href="different-page.html">
External anchor
</a>
More commonly known as links or hyperlinks.
"Dummy" anchors are styled as links, but only navigate back to the top of the page.
Internal anchors jump to an id elsewhere on the same page.
External anchors navigate you to a different page.
The div element is the most basic "block" element, with no extra styling.
Div elements are often used as containers.
It is common to find div elements inside of other div elements, usually for more complex layouts.
The span element is the most basic "inline" element, with no extra styling.
Span elements are often used to target text inside paragraphs or headings for very specific styling with CSS.
Void elements are HTML elements that should NEVER have a closing tag, unlike the regular HTML elements above.
Here are some common void elements you will encounter in our class.
Adds the image specified by the src attribute.
The alt attribute is a short description of the image, which is required for good web accessibility.
Remember that images almost always need to be resized.
br elements force a line break immediately after where they are used.
Generally speaking, do NOT use line breaks for spacing; that is what margin and padding are for in CSS.
hr elements create a line across the page where they are used.
They are often used together with headings to create section headers.
Occassionally, they are also used to separate sections on a page.
The link element is most frequently used to connect CSS to an HTML page
Not the same thing as an anchor, which is also often called a "link"
Should ONLY be added in the <head> element of an HTML document