Text and StuffAn Intro to TextText 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! HeadingsHeading 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: 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: HelloThe code is:<h1>Hello</h1>HelloThe code is:<h2>Hello</h2>HelloThe code is:<h3>Hello</h3>HelloThe code is:<h4>Hello</h4>HelloThe code is:<h5>Hello</h5>HelloThe 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. ParagraphsParagraphs alone are just simple 12-point-font texts. Paragraphs go in the <body> tag of a webpage. The paragraph tag would look like this: To finish the tag, as always, you would have t make it look like this: An example: To see an example of a paragraph, just click here The <font> TagThe <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 ColorAs I said earlier, the color of the text can be edited within the font tag. Here is an example: 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 SizeChanging the font size of text is just like changing the color of text. The only thing that you do differently is: 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 TextAligning 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: 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 |