Web Page Design

CIST-0190 Web Page Design Assignment 1

Name: - ____________________________________________

In this exercise you will learn about several HTML tags that apply to an entire Web page. Use the following table to practice using these features:

1- Open your text editor, type the following lines of HTML in the blank document, and save the document as index.html.

2- View the file in your Web browser. It should look like this.

3- Make the following changes to the HTML document:

· Set the background color of the page to Aqua.(use the color attribute in the body tag)

· Center the paragraph following the Center Tag headline using the <center> tag.

· Use line breaks to eliminate the extra space between the lines of the address for Winding Clocks Repair.

· Indent the paragraph following the Block Quotes headline using the <blockquote> tag.

· Use preformatted text to maintain the formatting of the baseball standings list While we are using some of these tags the prefered method of formating text is to use styles which we will learn in future lessons.

· Save the document and look at it again in your Web browser. Your HTML document should now look similar to this...

5- If your document does not seem to have taken your changes, open the file again in your text editor and look at your HTML code again to find your problem.

6- submit your index.html file using the Dropbox for Assignment 1

Help to complete Assignment 1:

1 add the bgcolor attribute of the body tag to change the color.

2 The <center> tag can be used to center elements in HTML.

3 Line breaks can be created without extra space using the <br / > tag

4 To set off a section of text from the surrounding text, the <blockquote> tag can be used.

5 Preformatted text lets you maintain the original line breaks and spacing that you have inserted into the text. The <pre> </pre> tags are used to enclose the text you need preformatted.