Anchor tag refresher

The anchor tag, or a is one of the key innovations of HTML. It allows HTML documents to link to other HTML documents locally and elsewhere on the internet.

Historically these links were called hyperlinks, which is why HTML is called the HyperText Markup Language.

An anchor tag wraps goes around the content (text, images, etc.) that you want to turn into a link. The most important attribute of an anchor tag is href (hypertext reference).

Example:

<a href="http://www.missionbit.com/">
  This link goes to Mission Bit's website
</a>
<a href="local-file.html">
  This link goes to the file "local-file.html" on this website
</a>

CSS refresher

• Selector - the first part of a CSS rule that is used to select elements by tag name, id, class, or other features of that element
• Property - the second part of a CSS rule is a { block } with zero or more properties. Each property controls some presentation aspect of that element and its children, such as font-family or color.

Project Choose Your Own Adventure

Using anchor tags, build a choose your own adventure story.

Here's an example: http://bob.ippoli.to/mbit-intro-4-game/

• create an HTML page for the start of your adventure
• each choice you can make should link you to another HTML page saying that you won/lost or presenting more choices.
• you can use images, videos, and CSS to make things more exciting. be creative!