Project 1

Objectives

At the end of this project, you will be able to

  • Create a valid XHTML document using proper syntax and all required elements.
  • Use headings and paragraphs to organize the content of an XHTML document.
  • Present information with ordered and unordered lists.
  • Place line breaks and horizontal rules into a web page.
  • Link to external web pages.
  • Use the target attribute to open web pages in a new browser window.
  • Insert comments into a web page.
  • Add images to your web pages.
  • Create an internal link from one web page to another.

Project 1
Headings, Paragraphs, Lists, Links, Comments and Images

Instruction

  1. Create a new file folder called lastname_firstname-Project_1.
  2. Create basic HTML structured file and place it in the Project_1 folder.
  3. Rename this new file (in the Project_1 folder) to index.html.
  4. Change the title of the web page to be My First Web Page.
  5. As the first page content, a main heading that reads “Hello World!
  6. After the main heading, insert a horizontal rule.
  7. Below the main heading, add a sub-heading that reads, A place I would like to visit.
  8. If you could visit anywhere in the world, where would it be?  Add a paragraph naming this place and describe why you chose it.
  9. Add a new sub-heading that reads, A person I admire (past or present).
    Add a new paragraph and name a person you admire and briefly explain why (one paragraph).
  10. Add a line break between A person I admire and (past or present).
  11. After each of the existing paragraphs, insert a new paragraph element, add a link to an external web page related to that topic, i.e. the place you would like to visit and the person you admire. For the anchor content, describe the page to which you are linking. Make one of the two external links open into a new window.
  12. Add another sub-heading that reads, Favorite hobbies.
    Create an unordered list of your five favorite hobbies.
  13. Add a final sub-heading that reads, Favorite subjects.
    Create an ordered list of your five favorite subjects.
  14. Add two comments somewhere in your XHTML document.
  15. Find an appropriate image of the place you would like to visit and another for the person you admire.
  16. Add one image into your page immediately after the link about the “A place you would like to visit”.
  17. Add the second image immediately after the link about “A person you admire”.
  18. Specify the values for the widthheight, and alt attributes for each image element.
  19. Below the list of subjects, add a sub heading entitled, My Favorite Animal.
  20. Add a new paragraph, type the name of your favorite animal. Convert this text to an internal link and point it to a file named animal.html.
  21. Find an image of your favorite animal and save it in this same folder.
  22. Create a new html document, name the file animal.html.
  23. The title: My Favorite Animal and add a main heading, My Favorite Animal.
    Insert the image of the animal on the page and then add a paragraph element, providing a brief description of the animal in the image.
  24. Add a new paragraph and inside it add a link, Back to Home Page. Make the link go back to the index.html page.
  25. Save both pages and open your main page into a web browser. Confirm that you can click on the link to the new page and then click on the link in that page to return to your home page.

You must complete the project before the end of class.
Share folder to Google Classroom > Project 1.
Ask assistance if you are not sure about a specific task.

Advertisements