Reading this document in the browser and studying the underlying HTML document will help you get started displaying text on web pages. Notice first how these words look in the browser, then look at the HTML document by choosing "Source" under the View menu.
You will notice that the lines end in different places and the spacing is very different. You control placement and style by use of tags. Each tag has a set of angle brackets,"< >", around it. So far you have seen the <HTML> tag to tell the brower how to process the document, two header tags <H1> and <H3> and <HEAD>and <BODY> tags. Most tags have an "end" tag that just has a / before the tag, like H3, /H3.
The <!-- --> is for comments and the <P>is for paragraphs. In the HTML document you want to use spacing to make it easier for you to read (and me, too). You use whitespace (carriage returns and extra blank spaces) to break up the document.
The <P> tag inserts a blank line, between the last text and the present
text.
The <BR> tag simply ends a line without inserting another line.
You can also change the look of the text in a paragraph by using bold, or italic, or typewriter, or a combination of bold and italic. Look at the source code to see the tags for this. These tags are "buried" in the text rather than being at the beginning or end of the line
The header tags H1...H6, cause the text between the tags to be bold and decreasing in size, from
Write an HTML document in Notepad using the following tags: HTML, TITLE, HEAD, BODY, P, HR, BR, B, I, CENTER and at least two of the H1, H2... H6. Write your name, the date and Assignment 2, at the top of the html page in comment tags. Put "Assignment 2" in the Title Bar using the title tag. "Sign" your name at the bottom of the page using H6 tag. If you know other tags, wait until we study them to use them.
Open Notepad and create a new document. Do a "save as", navigate to your server folder and the PFTI folder. Save this in the myWebpages folder with the name A2.htm.
Write at least three paragraphs about yourself. The first one should include your name, age, grade, email address and interests. The second should be about computers. Include your interest in computers, motivation for taking this course, other computer experience, type of computer you have at home, etc. The last paragraph should be about you and your interests, activities, and plans for the future.
You may have noticed from looking at the source code for this document that I was not consistent with use of upper and lower case in writing the HTML tags. HTML is not case-sensitive. Please use all CAPITAL LETTERS for your tags.
ASSIGNMENT 2a: (Do this after you finish assignment 2.)
Go into notepad, open A2.htm and immediately save it as A2a.htm. You will then
be working in this file.
Visit this
link to learn about some attributes of the BODY tag. Experiment with changing
the bgcolor and the text color. We will look at the other attributes later on.
When you are finished with an assignment, you will simply put a check on the sheet on the table in the column for that assignment, next to your name. I will grade your assignment right there in your server folder. It is very important to use the same naming protocol so that I can find your work. After completing each assignment, back it up to the My Documents folder on the machine that you are using.