Back to Homework Page
First Code
This assignment is learning the basic tags and code in html.
Instructions
- Type the code in SimpleText (Mac) or Notepad (Windows), print out, hand in.
- The code needs to include the following (I am using caps to emphasize the names of tags. Do all tags in lower case.) Total below worth 30 points:
- Opening and Closing HTML and BODY tags. 4 points (1 point ea.)
- An appropriate title for your page in the TITLE tag. 1 point
- Meta description of the site in the META tag. 1 point
- Text for the page of your choosing with the following tags. (Do at least four (4) paragraphs and/or blocks of text.):
- Use of two (2) heading tags (H1 through H6). 2 points
- Use of BR (line break) and P (paragraph break). 2 points (1 point ea.)
- Use of align attribute(s) in your P tags. 1 point
- Use of CENTER tags. 1 point
- Use of BLOCKQUOTE tags. 1 point
- Create more than one line of space between text blocks or text and lines. (Big Hint: use the br tag at least three times in a row.) 1 point
- Use of three (3) HR tags (horizontal lines) using the width, size, align and noshade values. You can mix up the attributes in whatever combination you want as long as you use all of them spread over the three horizontal lines.
3 points for using 3 HR tags.
4 points (1 point ea.) for using the HR attributes: width, size, align, noshade.
- Use of one or more non-breaking space code (Big Hint: the one with nbsp in it). 1 point
- Use of BOLD, ITALIC and UNDERLINE tags. 3 points (1 point ea.)
- Use of FONT tags.
2 points (1 point ea.) for an Open FONT and Close FONT tag.
Plus include in the FONT tags all of the following attributes:
- Size. 1 point
- Face. 1 point
- Color. 1 point
Go to the Resources
page. Scroll down and click on links: "Linda's Color Table" or
"216 Web Safe Color Chart" to get the hexadecimal numbers you can use.
IMPORTANT: After you have printed out your code, you MUST highlight the required tags listed above. If you do not highlight them, I will deduct 20%. Why? Because it will be hard for me to find this code if you do not highlight it.
Highlighting can be done with a yellow highlight marker or circled with a colored ink other than black or marked off to the left and right of the code with a color other than black. Or some way to allow me to see the required tags in the code easily without me having to search through the rest of the code. Worth -20% if not done.
Hand in no more than TWO pages of code. I will only grade those tags within the first two printed pages.
Do not email me this assignment.
WARNING: If you leave off your name and/or section#, you will not get credit for this assignment.
Example of assignment as a Web page. (I did not use all the elements requested for this assignment.)
Do not copy this code. Be original and have some fun with it.
Will your pages be beautiful if you put everything in that I asked? No. But you will have used many types of tags and get to see what they look like.
Don't forget to look at your finished code in a browser. If you can't get it to look the way you think it should, come after class to the lab and we will look at it together.
More Resources
See examples of code and what the code produces on Linda Hemenway’s site, go to: Examples. Under Basic Tags and Text Formatting, click on HTML Code and also Web Page. And again, do not copy this code. You must write your own.
Back to Top of Page