[!] [=title "Week 2 Homework"] [=content-]

This homework will be done entirely as a single website file. Make sure that,

- You are using a DOCTYPE and the html/head/body tags correctly - check out Week 2: Doctypes and Week 2: Html, Head, Body.
- You always close every tag correctly - use the `/>` notation for tags that don't take content, and the closing tags (`</tag_name>`) for tags that do.
- You always write properties correctly in the `property="content"` format - you always need the `=`, you always need the double quotes, you always need the space after the tag name.
- Your code is decently readable with reasonable use of spaces and newlines - I won't be grading you on this yet, but it's a good habit.

Your grade will be the percentage of completed goals. Goals are highlighted like this: Catch a bunny wabbit!

## Part 1: Warmup

Create a week-2-homework.html (not "index.html" this time!) and set it up in your web browser and text editor. Make sure you remember where it is so you can email the file to me at the end.

Set up a correct HTML file with doctype, html, head, body, etc. Add a title - make it something clear that contains your name, like "Albert's Week 2 Homework". HTML file with the correct standard layout

Add a heading (h1) to the body of the page, and make it display the same thing as the title. Correct heading

Create a subheading (h2) named "Lorem" (or something like that) at the bottom of your page body. Correct subheading

Read up on the Lorem Ipsum and generate some lorem ipsum text! You don't have to use the boring default - there are a whole bunch of fun ones on the internet. A good list is here. Paste the lorem ipsum into a new paragraph - use the p tag correctly. Paragraph with Lorem Ipsum text

Now add some emphasis! Add another paragraph of lorem, and use the b and i tags to emphasize specific words. Make sure there are a few words each in,

- Italic
- Bold
- Bold Italic
- Normal

No style should take up more than a few words and most of the words should be normal. Styled lipsum with all 4 styles used correctly

## Part 2: Web Inspect

Use the web inspector to find the comment located in this section. It contains the rest of the instructions.

## Part 3: Debugging

Copy the following HTML into your project, and find and fix the problems with it. These fixes will include syntax (spelling the code correctly), semantics (using each tag's closing and properties right), and appropriateness (using the right tags for the job). Include comments briefly explaining each change you made. The HTML is correctly formed (correct patterns for tags, properties, etc)
Each tag is closed properly
Each tag has the right properties
Tags are semantically correct for their content

    <DOCTYPE website>

    <head>
    	<html>
    		>title< Web Page >/title<
    	</html>
    	<body></body>
    	<h1> Web Page </h1>
    	<p>
    		<img source=cute-cat.jpg></img>
    		<b>Bold Text!</b> <br />
    		<i Italic Text! /i>
    	<p>
    </head>

## Part 4: Art Project

This is the more free-form part of the assignment. Design a small, simple homepage for anything you want - you could pick for example your favorite movies, video games, animals, etc. Get creative with it!

Make sure to use at least one link to another website, at least one image, several paragraphs with italic and bold text, and several headings of different sizes.

At least one link
At least one image
Several paragraphs with the typical text-styling elements

## Extra Credit

There are bonus points amounting to 3% added to this assignment's grade broken up like so:

- 1% if you can make and add a favicon of the correct size (32x32)
- 1% if you can figure out on your own how to make lists like this one
- 1% if you can figure out how to set a background color

## Submission

To submit your homework (no later than 2026-1-21), upload the HTML file as an email attachment and send it to plupy44@gmail.com. Include your name in the subject line.

## Self-Study

For the self-study section, learn about the `<style>` tag - we'll be starting more advanced styling soon.

[/] [#template.html]