Manipulating Text

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.

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:

<h1>Heading1 is this size</h1>

<h2>Heading2 is this size</h2>

<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.

Move on to Tutorial 4, Hyperlinks

Was this site useful to you?

It will help us make more.

The Internet Brothers have implemented hierarchical menus for navigation. Easier done than said.

The hierarchical menus were created using Peter Belesis' © Dynomat DHTML scripting tool from Webreference. Give them a visit, you'll like what you learn.

 

 

    

Site Map

 

 

 

 

 

Don't put off till tomorrow what....you put on to go to bed.

 

 

 

 

 

You get out of something what you......see pictured on the box.