[!] [=title "Rolling Tags List"] [=content-]

This is a rolling list of the HTML tags we've covered in class.

For more detail, check out W3Schools - they have pretty complete writeups on all of the basic tags.

- `<b> ... text ... </b>`: The b tag makes the contained text look like this.
- `<i> ... text ... </i>`: The i tag makes the contained text look like this.
- `<sup> ... text ... </sup>`: The sup tag makes the contained text look like this.
- `<h1> ... text ... </h1>`: This is a heading, like:

# H1 Heading

- `<h2> ... text ... </h2>`: A subheading, like:

## H2 Subheading

- `<q> ... text ... </q>`: Quoted text, like this
- `<span> ... text ... </span>`: A simple inline container that doesn't apply any styles by default.
- `<h3></h3>, <h4></h4>, <h5></h5>, <h6></h6>`: Smaller and smaller headings. Using these is pretty goofy.
- `<br />`: A line break! Used to make
  newlines like
  these. (Remember HTML mostly ignores newlines unless you add a <br />)
- `<a href="https://example.com/"> Clickable Text </a>`: A clickable link! Any URL works. The result looks like Clickable Text.
- `<img src="image.png" />` An image.
- `<p> ... content ... </p>`: A block-level paragraph, used to organize text.
- `<link />`: This tag is used to link in resources from elsewhere - for instance, `<link rel="stylesheet" href="style.css" />` links in the CSS from `style.css`.

## Don't Forget...

1. HTML tags start with a less than sign (<).
2. The name of an html tag immediately follows: `<tag_name`
3. Optional properties follow (like `href`, `src`, etc): `<tag_name thingy="something" otherthingy="something else"`
4. HTML tags that cannot accept content - like line breaks or images - end with `/>`, signifying that they end immediately.
5. HTML tags that can have content - like italics, bolds, headers, links, etc - end with just a greater than sign, `>`
6. If the tag has content, that follows, like `<tag_name thingy="something" otherthingy="something else"> Content "inside" the tag`
7. Finally, if the tag has content, the closing pattern follows - something like `</tag_name>`

So the two ways an HTML tag can look are:
(without content) `<tag_name thingy="something" otherthingy="something else" />`
(with content) `<tag_name thingy="something" otherthingy="something else"> ... content ... </tag_name>`
Memorize these patterns! They are pretty important!

[/] [#template.html]