3.12 LAB: HTML practice

The template contains an <h1> tag for each problem, 1 – 7. Each problem is followed by an <hr> tag. Implement the solution to each problem between the </h1> and <hr> tags. Do not remove any existing tags in the template.

1. (2 points)

Given:

Your work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it.-- Steve Jobs

a. Copy and paste the entire quote.
b. Use 2 paragraph tags, one for the quote and another for -- Steve Jobs.
c. Put an <i> tag in the first paragaph, enclosing all quote content.

2. (1 point)

Note: For questions 2 and 3, use character entities so the actual tags are visible on the web page.
Example: <img src=”test.png”> renders as <img src=”test.png”>
Place the answer to each question inside a <p> tag.

Question 2: Print an ampersand in an HTML comment

<!-- & -->

3. (1 point)

Using character entities, print:

<p>Nice!</p>

See note in question 2 for character entity example.

4. (1 point)

Create a link to stuff.html, which is in the same directory as your .html solution file. The content of the <a> tag should be “Go to my stuff”, without the quotes.

5. (1 point)

Create an image link to https://www.zybooks.com/, using the zyBooks_logo.png image, which is in the same directory as your .html solution file.

6. (1 point)

Recreate the list shown in the image below:

The outer list is an order list, and the nested lists are unordered.

7. (3 points)

Create a table with 3 rows and 3 columns. The top row contains 1 cell with a column span of 3. The leftmost cell on the next row spans 2 rows. All other cells span a single row and column.
Each cell has a number. The numbers can be put in an <h1> tag if desired. The image below shows what the table should look like.