Lab 14: Practice with the CSS Box Model

Instructions:

  1. Find a public domain image that you like.
  2. Create a strict XHTML web page.
  3. Incorporate CSS styles using embedded or external style rules.
  4. Incorporate padding, borders, and margins around the image and in the <body> element.
  5. Add a descriptive heading to the page. This will include your name, "Lab 14" and the date. Apply a border-color, border-width, border-style and a border-bottom property to the heading.
  6. Write a paragraph describing the image, or why you chose this image. Wrap the text around the side of the image. You may apply CSS to the paragraph, or parts of the paragraph, if you wish.
  7. Incorprate additional color and CSS styles into your web page.
  8. Make sure the XHTML and CSS validate.
  9. Upload your files to the server and also copy them to your removable media.