DEMO
Overview
Page 2
Chapter 3: Designing a Web Page

At A Glance:

-Intro to the Internet

-The Hypertext Markup Language

-Designing a Web Page

-Lists and Links

-Adding Graphics

-Multimedia on the Web

-Tables for Data and Design

-Frames

-Forms and Scripting

-Creating Good HTML

 

Page Layout

Text Separation

I have already mentioned in Chapter 2 and throughout this chapter about separating your text in the browser. Again, the browser will ignore any white space and carriage returns unless it is inside of a <PRE> block. Therefore, you must provide the browser with tags to let it know where you want paragraph and line breaks. To review, the text can be broken up by a line break, paragraph break, or hard return:

<BR>
The <BR> tag is used to create a single line break. The browser will automatically wrap text on the screen so that the viewer does not have to scroll sideways. However, if you want to make the text more readable you will need to create occasional breaks to create paragraphs.

<P>
The <P> tag is also used to create a break. The difference between this and the BR tag is that the P tag will create multiple lines in the break, establishing white space between one paragraph and another.

<HR>
The <HR> tag is used as a sort of section break. When the browser comes across the HR tag it will create a bar across the screen with white space above and below it.

Use these tags to give your page a professional appeal. Without them you will quickly notice that it is nearly impossible to make sense of what is on the screen.

Centering

Up until now, all of the text that we have discussed has been aligned to the left unless you used the alignment attribute of the headings. But you can't write your entire code in a heading block. Yet, you may want to center text, graphics, or tables on your page. This is accomplished with the <CENTER> tag:

<CENTER>
Whatever is between the tags will be centered<BR>
Even when there are line breaks<P>
And paragraph breaks
</CENTER>

The <CENTER> tag is probably one of the most widely used tags since it can operate on anything. You can use it inside table cells and to center graphics and forms. In a browser, the preceeding code would look like the following:

Whatever is between the tags will be centered
Even when there are line breaks

And paragraph breaks

Previous Next


Copyright © 1998 Global Internet & Network Services