Text and Stuff


An Intro to Text

Text must almost always go in the <body> tag. Text will most likely make up most of your webpage because all text really is, is a bunch of words on the computer screen. Text can be manipulated very quickly and efficiently using HTML. In this chapter I will talk about how to make text on your website, how to change the color of the text, and other fun things so just read on and enjoy!


Headings


Heading are just basic titles that you put all over your webpage. Headings always go in the <body> tag. Heading are also tags. An example of a heading would look like this:

<body>
<h1>Hello</h1>
</body>


First you may notice the number after the h. The h stands for heading, and the number after it is the size of the heading. I will go into this a little later. You may also notice the text in between the <h1> and the </h1> saying "Hello." Whatever is placed in between the <h1> and the </h1> is the text which will appear on the computer screen. Now lets talk about the sizes. There are 6 sizes for headings starting at 6 and ending at 1, 6 being the smallest size and 1 being the largest. Here are the comparisons of the sizes:

Hello

The code is:<h1>Hello</h1>

Hello

The code is:<h2>Hello</h2>

Hello

The code is:<h3>Hello</h3>

Hello

The code is:<h4>Hello</h4>
Hello
The code is:<h5>Hello</h5>
Hello
The code is:<h6>Hello</h6>

Headings are very handy when making titles on your webpage or other elements similar to that. There is, though, another element used to make text. It is called the paragraph.


Paragraphs


Paragraphs alone are just simple 12-point-font texts. Paragraphs go in the <body> tag of a webpage. The paragraph tag would look like this:
<p>

To finish the tag, as always, you would have t make it look like this:
</p>


An example:
<html>
<head>
</head>
<body>
<p>Hello</p>
</body>
</html>

To see an example of a paragraph, just click here


The <font> Tag


The <font> tag is a tag that describes the characteristics of text such as color, size, and other similar things. The <font> tag usually goes within the <p> or paragraph tag, but it can basically go in any tag that requires text such as the heading tag. Here's an example of how the font tag goes inside the paragraph tag:

<p><font></font></p>

Do you see how the font tag begins and closes in the paragraph tag? Now lets begin learning how to change the text color.


Changing Text Color

As I said earlier, the color of the text can be edited within the font tag. Here is an example:
<p><font color="red">Hello</font></p>

This would make text saying "Hello" pop up on the browser screen and the text will be colored red. All that you have to do to change color is type <font color=""> and in the middle of the quotes, just type the name of the color you want but remeber, it can only be one word. You can have all of the basic colors such as green, yellow, brown, red, blue, and many others. One cool feature is that you can put light or dark infront of the word to create a darker of brighter color. Some examples of this are dark blue, light blue, dark red, and many others.


Changing Font Size

Changing the font size of text is just like changing the color of text. The only thing that you do differently is:
<p><font size="5">Hello</font></p>

The number is the size of the font, 1 being the smallest and 7 being the largest. These are the sizes:

Hello

The code is: <p><font size="1">Hello</font></p>

Hello

The code is: <p><font size="2">Hello</font></p>

Hello

The code is: <p><font size="3">Hello</font></p>

Hello

The code is: <p><font size="4">Hello</font></p>

Hello

The code is: <p><font size="5">Hello</font></p>

Hello

The code is: <p><font size="6">Hello</font></p>

Hello

The code is: <p><font size="7">Hello</font></p>


Alignment of Text

Aligning text is really easy and come out to be really useful. If you don't know what aligning is, just look here:

You can align text on the left,

or center,

or even to the right.

The code is simple:

<p align="center">Hello</p>

Did you see the align="center"? That means that the text will be aligned in the center. You can change this easily by putting left, center, or right in the quotes. You can also use the alignment property in headings. Easy, right? There is, though, another way of aligning things. This is used to align images, table, and other HTML elements. All that you have to do is put a:
<left>, <center>, or <right>
in front of it and a:
</left>, </center>, or </right>
after it.


In this chapter, you have learned two basic properties of the font tag. You can now make different colored and different sized text. You can also change the alignment of the text. In the next chapter, you will learn how to hyperlink two different websites together when you explore


Text, Continued