Web Development with HTML and CSS

CSS Properties

Assessment
Activity
Enlightenment
Hyperlinks may link to
HTML files only
Image files only
HTML files and Image files only
Any file of any type
What HTML tag is used to create a hyperlink?
<link>
<url>
<a>
<hyper>
Which attribute is used when specifying the file that a hyperlink will link to?
src (source)
href (hypertext reference)
url (uniform resource locator)
a (anchor)
What CSS code would be added to remove the underline displayed by default for links?
text-decoration: none;
underline: none;
font-style: normal;
font-style: plain;
Which of the following is not a possible state for an <a> element?
a:link
a:hover
a:active
a:visited
a:unvisted
What attribute and value of the <a> element should be used to open a hyperlink in a new window?
target="_self"
target="_top"
target="_parent"
target="_blank"

Choose your own Adventure

Create a multipage site that provides a non-linear story experience.

Create a homepage (index.html) as the splash screen for your story. Create an image to engage and entice your readers. Add a link to another page for the reader to click to enter, or begin, the story.

Create another page to begin the story. The story should put the reader in the shoes of the main character. Each page should contain one to three short paragraphs before giving the reader a choice to make. Add two or more links to each page that will allow the reader to make their choice and link to the corresponding page.

You may have circular paths through the story (main character returns to an earlier spot in the story) as long as this is done in a natural and logical way.

You may have diverging paths in the story that come back to the same main path or to the same ending, if done so in a natural and logical way.

On any path that ends the story, add a link either to the homepage to allow the reader to start over or to the previous key decision point to allow the reader to make a different choice without starting completely over. The type of story you tell should determine which of these options would be better for your readers.

Create an external stylesheet that each HTML page links to. Use the stylesheet to give a consistent look to all the pages that make up the story.



Looking for inspiration?

- CYOA game - the Late Show with stephen colbert
Escape from the Man-Sized Cabinet

- CYOA movie - A Silk Tricky Production
Bank Run

- instructional video - khan academy
HTML internal links