Jan's Illustrated Computer Literacy 101 Logo:Jegsworks Jan's Illustrated Computer Literacy 101
Home > Jan's CompLit 101 > Working with the Web > HTML & CSS Basics > Exercise Web 2-6
Icon: Arrow - Previous pagePrevious    NextIcon: Arrow - Next page

Jan's Working with the Web

   HTML & CSS Basics: Exercise Web 2-6

Use your own imagination to write a web page of your own. It could be a personal home page that tells who you are and what your interests are. It could be a page about an organization you are a member of or about your home town or school. It could be a page about an interest of yours like outer space, turtles, ballet, a sport, or painting. 

Whatever your topic, keep your page easy to read and interesting and short enough to not take too long to download.

Exercise Web 2-6:  On Your Own

Start with: Icon: Class USB , text editor 

Create a web page that includes your name and at least:

  • HTML elements:
    • title tag for the page which includes your name
    • two heading types
    • two paragraphs
    • a list - either numbered or bulleted
    • a table - either a data table or positioning table
    • a horizontal line
    • a link and an email link
    • an image
  • CSS:
    • two different font-families and two font sizes
    • background color or background image for the page or a table or a DIV
    • an external style sheet with at least BODY style and P style, named ex6-Lastname-Firstname.css, using your own first and last names
    • an internal style sheet with two styles
    • an inline style
    • one image that is floating
    • a positioned element - DIV, table, or something else
    • @media print style changes

Icon: Class USB Save as ex6-Lastname-Firstname.htm to your Class disk.

Print Print your page from the browser AND print the source code from your editor.

 If your instructor will be grading this exercise, use a highlighter to mark the source code to show where each required feature is.