Courses   <-  Sean Forman   <-  You Are Here
   Next: About this document ...
Homework #1: Basics of HTML

CSC 5865, Internet Application Development, Sean Forman

Due Jan. 29, 2003

Your assignment is to create a webpage demonstrating that you understand how to implement various HTML tags. The homework is worth 30 points. One for the proper use of each tag listed and five for the overall appearance. You can copy and paste text from some other online source: news, sports, business, entertainment, reference, etc. or write your own. I expect this to take you around three hours.

These pages should be placed in your university account, which will be located at http://www.sju.edu/~yourIDhere/, under the filename assign1.html, so the full URL will be http://www.sju.edu/~yourIDhere/assign1.html. You can find the instructions on how to do this at http://www.sju.edu/infotech/hawknet/web/. We will have the server set up by next week at the latest, though I hope to have it ready to go by Wednesday.

Please e-mail me the URL from your preferred e-mail address when you are done.

  1. (1 pt.) Proper use of <HTML>, <HEAD>, <TITLE>, and <BODY> tags. The title should include your name.

  2. (1 pt.) Proper use of <META> tags.

  3. (1 pt.) Proper use of a comment tag.

  4. (1 pt.) Proper use of header tags ranging from <H1> to <H3>

  5. (1 pt.) The background of the page should be some shade other than gray or white, and the text should be black, the link color should be a shade of green and the visited link color should be a shade of red.

  6. (1 pt.) A single table with two columns of text whose width is 50% of the entire screen, no border, and appropriate cellspacing and cellpadding.

  7. (1 pt.) Another table with one column of text across all of row one and two columns of text in row two.

  8. (1 pt.) An image that is not stored on your account.

  9. (1 pt.) An image that you saved into your account.

  10. (1 pt.) For the images, I want one to be a jpg and one a gif.

  11. (1 pt.) Text containing bold faced, italics and underline. Bigger and smaller font using <BIG> and <SMALL>.

  12. (1 pt.) Use of <FONT> tags to change the color of a bit of font and the size of the font.

  13. (1 pt.) A link to the course home page.

  14. (1 pt.) A link that will send an e-mail to yourself.

  15. (1 pt.) An internal anchor within the page and a link to that anchor.

  16. (1 pt.) A link that requires the user to click on a image to go to the linked page (without a border around the image).

  17. (1 pt.) Proper use of <P>, <BR>, and <BLOCKQUOTE> tags.

  18. (1 pt.) A paragraph that is centered and a paragraph that is right-justified.

  19. (1 pt.) A horizontal break, <HR> that is centered, has size 1 is not shaded across one-fourth of the screen and is centered.

  20. (1 pt.) A bulleted list.

  21. (1 pt.) A nested ordered list.

  22. (1 pt.) Special characters including a non-breaking space, a copyright mark, an ampersand, and a less than or greater than sign.

  23. (2 pt.) Create a form. This form should take some input and then send it to a script residing on someone else's server. For instance, you could create a form that allowed the user to enter a stock ticker symbol and then sent this information to a stock data page at Yahoo or somewhere else (you will not get credit if you use a stock data page from Yahoo). Another example would be a google or amazon search box.

  24. (2 pt.) Create a form that is not linked to anyone else's script, but contains a hidden input, a text input, a textarea, a set of radio buttons, a drop-down select menu, a checkbox and a submit and reset button.

  25. (5 pt.) Appearance (either 1, 3, or 5), 5 means that there is good organization and the elements flow together nicely. 1 means you just went down the list adding things as you went with no concern for how it looked. 3 is somewhere in between.

You may want to try an HTML validator to make sure that your HTML is coded properly. You can find many html guides online.



Next: About this document ...
sforman@sju.edu