Make your own free website on Tripod.com

[an error occurred while processing this directive]

Site Menu

HTML
Learn all about HTML, how to format text, add images, create tables, meta taga, and more!
.
JavaScript
Get the low down on JavaScript. See how to create popular JavaScript applications like drop down menus, clocks, dynamic messages, popup boxes, and more.
.
CGI
Concise, easy to follow introdction to CGI and how to install CGI scripts.
.
Web Design
A miscellanous section that includes various web design tutorials

 

123 Web Design!

Formatting your text

Learning how to format text ranks as one of the most important things to learn in HTML...after all, all documents contain some text inside of it.

-Headers

A header is an extra large, bold text used as, well, headers in a document. Headers are created using the <h?> tag, with ? being a number of 1 to 6 (1 is largest, 6 is smallest). Lets see what I mean:

<h1>Welcome!</h1>

<h2>Welcome!</h2>

<h3>Welcome!</h3>

-Paragraphs

A paragraph can be created in HTML by using the <p> tag. The <p> tag creates a block of text that is separated by a blank line both above and below the block. For example:

<p>This is the first paragraph. This is the first paragraph. This is the first paragraph.</p>

<p>This is the second paragraph. This is the second paragraph. This is the second paragraph.</p>

You can go on to manipulate the alignment of any paragraph by using the align attribute. This attribute accepts three values-left, center, or right. Lets align a paragraph to the right edge of the page:

<p align="right">This is the rightly aligned paragraph. This is the rightly aligned paragraph. This is the rightly aligned paragraph.</p>

-Bold and italic text

Bold and italic text can be created by using the <b> and <i> tag, respectively:

<b>This text is bold</b>

<i>This text is italic</i>

-Changing font color, size, and type

Like any decent word processor, you can also alter the font color, size, and type of the text. The three tags that accomplish this are as follows:

<font color="#FF0000">This text is red</font>

<font size="6">This text is very big!</font>

<font face="Courier">This text is in courier</font>

The valid values for the font color are the hex values of colors- the same values used for background colors. For font size, an integer between 1 and 7 should be used, with 7 representing the largest font. For the font face, use the name of the font type as the value, such as Courier, Arial, etc.

You can easily shove different formatting tags into one big code to create the effect desired. For example, if you want text that is bold, 2 in font size, italic, and Arial in font type, do the below:

<b><i><font size="5" face="Arial">Complex Text</front></i></b>

As you can see, HTML is very flexible, and allows you to throw together various tags to create the desired effect when one by itself cannot do the job.

-Centering text

A <center> tag exists that can be used to wrap around virtually around formatting tag to center it. Here are a couple of examples:

<center><b>This bold text is centered</b></center>

<center><h3>This header is centered as well!</h3></center>