Web Site Building · Learning Basic HTML · Manipulating Text

What this is about:

So, did you try out the tags you've learned so far? No? Shame on you. These tutorials build on themselves, you need to understand what came before to move on. Now, go back to Lesson 2, build a page with bold and italic text, make some paragraphs and horizontal reference lines, then you can return here and learn about resizing text.

Headings and Fonts

Though not as popular as before, the Heading tags are among the original, basic constructs for HTML page formatting. The letter H and a number from 1 to 6 determine the size of text in a heading. Here is how simple the heading tags are:



<h3>Heading3 is this size</h3>

<h4>Heading4 is this size</h4>

<h5>Heading5 is this size</h5>

<h6>Heading6 is this size</h6>

As mentioned above, Heading tags have lost favor because they tend to be stand-alone. You can't align other text or graphics with Heading tags. The recent solution to this is the Font tag. Using fonts allows you to set size, color, type face, and alignment with your text.

<font size=5>Font size 5 is this size</font>

<font size=3>Font size 3 is this size</font>

<font color=red>Font color red does this</font>

<font face=Times>Font face Times changes type</font>

Do you remember the <P> paragraph tag from the previous lesson? The align attribute allows you to control the placement of text or graphics on the page. Align has four options that make page layout a snap. These are left, right, center, and justify. Left is the default if you don't specify the align attribute. This paragraph is using the justify alignment, both left and right margins are justified.

<p align=center>Center alignment</p>

<p align=left>Left alignment</p>

<p align=right>Right alignment</p>

With the Heading, Font, and Paragraph tags you should be able to create any text based web page you like. Take a break now, go to your text editor, and work with text manipulation. Use your browser's view source feature to look at this page if you like. Use your browser's File/Open menu to view the HTML file you have created. When you're done, come on back and we'll show you how to link your pages with each other and with the rest of the World Wide Web.


Proceed to HTML Basics Tutorial 4.

go to the next page

Return to HTML Basics Tutorial 2.

go to the next page