You need to include the HTML file and all image files in the appropriate directories.

Each project is individually graded by your instructor and therefore takes up to a few weeks to grade.

Be sure that each of your three files contains the following information:

• Your name


• Your student ID number


• The lesson number (703720)


• Your email address

To submit your graded project, follow these steps:

1. Go to
   http://www.pennfoster.edu
   .


2. Log in to your student portal.


3. Click on
   Take Exam
   next to the lesson you’re working on.


4. Follow the instructions provided to complete your exam.

Be sure to keep a backup copy of any files you submit to the school.

Introduction

In this graded assignment, you’ll incorporate all the aspects of HTML coding you’ve learned in Lesson 1. To help you with this assignment, review the following examples and pages from your text:

• Structure example: Pages 21–22


• Text example: Pages 57–58


• Lists example: Pages 69–70


• Links example: Pages 89–90


• Images example: Pages 121–122


• Tables example: Pages 139–140

Instructions

Body Fit for Life is one of the leaders in home gym equipment. The company recently hired you to help develop its website. You must first create a web page for its latest model home gym, XJS500, an upgrade to its previous model with new features. The XJS500 is a resistance-based machine that allows users to adjust tension by selecting different resistance bands on the machine.Download the following files:

1. 
   Overview and features of the XJS500
   


2. 
   Image file and logo.jpg displaying the company logo
   


3. 
   Body_Fit_For_Life.jpg, an image of the XJS500
   

You can also supplement these files with any other resources you have. You’re responsible for the content and appearance of the page.

To complete this task:

1. Create an HTML file named BodyFitForLife.html.


2. In the head element, include the appropriate page title, along with a comment that describes the purpose of the page, your name, and the date.


3. Include at least one example of each of the following in the document:
   
   
   1. Heading
   
   
   2. Paragraph
   
   
   3. Ordered or unordered list
   
   
   4. Character formatting element
   
   
   5. Inline image
   
   
   6. Horizontal line
   
   
   7. Special character
   
   
   8. Block level element that isn’t a heading, paragraph, list, or horizontal line
   
   
   
   


4. Demonstrate your understanding of inline styles by including at least two different examples of an inline style.


5. Use proper HTML syntax at all times. Close all two-sided tags. Properly nest all tags. Use lowercase element and attribute names. Enclose attribute values in quotes.
   Include alternate text for nongraphical browsers with inline images.
   
   


6. Write your code so that it will be easy to read and understand.
   (You may download and use two image files from the Internet, citing where you downloaded them from, and create a list of three to five features at your discretion.)
   
   


7. Save your HTML file and then view the resulting web page in a browser.


8. Submit your completed project.

Summary

Your file must have an appropriate layout to make it easy for the viewer to locate the desired product information. When creating this file, refer to Chapters 1–6 of your textbook for examples.