Headings, Paragraphs, and Lists

Note: the following material is from an older, outdated version of the web design curriculum pack. Please read about the revised and updated version of our Introduction to Web Design Curriculum.

Objectives

At the end of this lesson, you will be able to:

  • Create a well-formed and valid XHTML document using proper syntax and all required elements.
  • Use headings and paragraphs to organize the content of an XHTML document.
  • Organize information with ordered and unordered lists.

Instructions

  1. Create a valid and well-formed XHTML document using the template from the XHTML Skeleton.
  2. Make up a title for your web page. Your name must be in the title.
  3. Add three headings and three paragraphs to your document:
  4. First heading and paragraph: “A Place To Visit”. If you could live anywhere in the world for a year, where would it be? Write a paragraph about why you chose this place.
  5. Second heading and paragraph: “Me As A Cartoon”. Which cartoon character best describes you? Write a paragraph explaining why.
  6. Third heading and paragraph: “A Dream Come True”. Write a paragraph explaining one thing you’d try if you know that you would not fail.
  7. Create an ordered list of your five favorite foods.
  8. Create an unordered list of your favorite movies.

Screenshot

Headings, Paragraphs, and Lists

Rubric

Component Possible Points Score
A DOCTYPE is specified before any XHTML elements. 3
The document contains a proper <html> element.

  • <html> is the root document element.
  • An xmlns is specified.
3
The document contains a <head> element. 3
The document contains a properly nested and appropriate <title> element. 3
The document contains a <body> element. 3
The document contains at least three headings. 3
The document contains at least three paragraphs. 3
The document contains an ordered list with at least 3 items. 3
The document contains an unordered list with at least 3 items. 3
The project was submitted on time (20% off for each day late)
Total Score 27

For full projects and source code, download the updated version of our Introduction to Web Design Curriculum.