Assignment #2: Displaying Text

Learning Tags

This is H6

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 viewing its "Source".

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 browser how to process the document, two header tags <h1> and <h3> and <head>and <body> tags. Most tags have an "end" (closing) 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 <hr> tag inserts a horizontal rule. This line will help organize the information on a page.

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.

All the header tags (this one is H4) force lines above and below.

The header tags H1...H6, cause the text between the tags to be bold and decreasing in size, from

H1

H2...

H6



Assignment 2

Write an HTML document in Cloud9 using the following tags: html, title, head, body, p, hr, br, strong, em, 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.

Save this file (in Cloud9) in a new folder called html 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 lowercase for your tags.


How to Submit Assignments

Submit the URL in Google Classroom.