Learning html
quickly and easily for free.
Using Text. 		Topics on this page.
Learn how to use fonts, changing the size, colors, and type of font. What are Heading Tags? Learning how to make text bold, italic, and underlining text. You'll learn how to create a horizontal line, how to create a line break, and how to position text exactly where you want it.


Main Index

Getting started

The basics

Using text

Hyperlinks

Lists

Images

Tables

Frames

Forms

Uploading your pages

All tags

Meta tags

search engines

Better your rankings

color chart

Recommended reading

e-mail



If this site has helped you at all... Please
Add a link to us.
from your web site.

Let's start off by saying that you can use any type of font that you want to, any colors you want and any sizes you want, but there are defaults for all of these as well. We'll get to all of the rest of that stuff later. For now we'll just concentrate on the basics.

We left off with the body tag. The body is where most of your page will be displayed. The first tag we'll start off using that affects text is the
<font> tag (There are different attributes that can accompany the font tag.)
Example:<font size="5">this should be big</font>this should be normal.(default size is 3)
These font sizes range from...
<font size="1">smallest</font>
...to...
<font size="7">largest</font>.


Other attributes that go along with the font tag are:
  • color...changes the color of the font.
  • face....changes the type of font.
Keep in mind that you can compile attributes. ex... <font face="bookman old style" color="red" size="5"> your text would go here.</font>

Then we have the <br> (this is a line break...use it for stopping one line and starting another.)
example:My Home Page<br>
home!
Without it that would look like this...
My Home Page home!
It is not necessary to close this tag.


Now...some commonly used tags...
  • <b> (this makes things bold.)</b>
  • <u> (this underlines text.)</u>
  • <i> (this makes text italic.)</i>
  • <hr> (this creates a line seperating areas.)(shown below)It is not necessary to close this tag.

  • <p> tag (this tag starts a paragraph. write your paragragh and then close the paragragh with the </p>...it's that simple. You've just wrote your first paragragh.

  • <center>(this will center anything you put this tag with.)</center>
  • <pre>
    (this    allows you    to  put   your
                                             Text where ever 
                                         You type it.)</pre>

    Be careful with the <pre> tag...It can be very tricky make it work right.
  • <blockquote>
    this will indent all the text within a paragragh from the left and right side. Great for large blocks of text. This tag makes all that jumbled text look pretty neat.</blockquote>
OK...let's try using some of these new tags in our page...
Open up your new html document that you created.
Take all these tags and copy and paste them into your html document. Then replace the Italicized writing with your own info. (All tags will be bold.)
You should already have the red tags in your html document. If not copy those as well.
<html>
<head><meta tags and such should go here(If you don't know about meta tags...skip this.)>
<title>the title of your page</title>
</head>
<body>
<center><font size=6><u>Your page title</font><br> <i>something short and descriptive of your page(2 to 7 words)</i></u></center><hr>


Ok...let's anylize this html...
  • the <html> tag starts the html.
  • the <head> tag creates an area that is not visable to the browser.
  • the <title> tag is where you put your title (not visable) the </title> tag closes the title section.
  • the </head> tag closes the head.
  • the <body> tag starts the main part of the document.(everthing after this will be visable to the browser.)
  • the <center> tag puts everthing that follows in the center, untill you close it.
  • the <font size=6> tag and size attribute determines the size of the font.
  • the </font> tag ends the font size that you chose.
  • the <u> tag underlines the text.
  • the <br> tag ends that line and starts another.
  • the <i> tag makes the following text italic.
  • the </i> tag stops the italic.
  • the </u> tag stops the underlining that you chose earlier.
  • the </center> stops the centering of the text.
  • the <hr> tag creates a seperating line.
Note: Remember that you can compile alot of these attributes...
ex... <font face="Bookman Old Style" size="4" color="red">text</font>
Always remember to close out tags</b>in the exact opposite order that you open them...<b>
</body> Only use these closing tags
</html> when you're ready to end your page. If you like to move faster...go to the html quick reference page and try out some new stuff. Alot of learning html is trial and error.
Note: If you want to change the color of your text...use this tag...
<font color="red">TEXT</font> or
<font color="006040"> TEXT</font> You can replace the name "red" with the Hexidecimal Color Chart number "006040" This color chart allows you to really pinpoint the exact color that you want to use.
Note: Alternatively, you may use the Heading Tags...
ex... <h4>this creates a h4 size heading and includes a break</h4>
These Tags range from....
<h6>smallest</h6>
to
<h1>largest</h1> I know it's backwards. That's the way it works though.

For more on text tags check the all tags link.
24 Hours a Day - 7 Days a Week!!!
Now you can make your HTML learning experience much quicker and easier by joining our HTML Tutorial Club.
For only $20.00 a week, you can ask as many questions as you like and converse with Web Design Experts.
Try it out and get 1 Day FREE.
All Web Design questions answered within 24 hrs.