Welcome
I just wanted to Share some Useful Information about using HTML in your emails,forums, lot's of places..
I hope you enjoy the lessons.There should be about 10 or so Lessons.. I will post them slowly so you have the time to practice and learn..
I use HTML in many ways each day and it will make you a better Marketer!
If you have any questions or comments please go to the bottom of the page and message me..
I hope you Enjoy !
Lesson 1
Hi Folks
well are you ready for Lesson 1 ?
Ready or not here we go.
First off I just want you to understand what HTML is all about !
HTML is the language of web pages.
In order to truly understand HTML, you need to know a little about browsers, and in order to understand browsers, you really need to know a little about how the web works.
Let's Start At The Beginning...
The World Wide Web is a huge collection of computers which are linked together in a network.
When I say that they're linked together, I don't necessarily mean physically. What I mean is that they can communicate with each other. They do this by sending data to each other.
Data is INFORMATION. That's all it is. Don't let the technical words scare you off. I won't be using too many.
Data, or information, is stored on every computer on the internet, and takes many forms. Spreadsheets are a form of data, as are Word documents, images, sound bites, and web pages.
Now, you may have noticed that on your computer, when you want to open a document, you sometimes need to use a specific program to do that. If you want to look at a JPEG image, you open it in Photoshop. If you want to view a file that ends in .DOC, you'll use Microsoft Word.
The reason for that is that inside of a file, things are written very strangely. Files are usually encoded, and depending on the type of file, they use different codes. The application you open a file with, needs to understand the code it was written with. If I want to communicate with a German, I find someone who can speak German to translate for me. If I asked someone who knew italian, but had no knowledge of German, I would be out of luck. The German would speak and the Italian translator would just shrug.
Web pages are encoded in their own special way too. The encoding process isn't difficult, and is usually done by hand. The way pages are encoded is with a MARK-UP language we call HTML. Remember that web pages are usually used as a means of conveying data, or information. The data is your message. This is the meat of the HTML document. Text and content are most important.
Once you have created a web page, you store it on a certain type of computer called a web server. Web servers are computers which are attached to the Internet, and do basically two things. A web server stores information documents and sends those documents to any other computer which requests them.
What's Really Going on?
Here's what really happens when you surf the web...
you attach to the Internet with a special type of computer program known as a browser. The first thing the browser wants to know is where to go. You type in an url.
An url is an address. This address tells the browser exactly where to find the page you're looking for.
What happens next is that your browser writes a quick message to the computer at that address requesting the page you want. In less than a second, the request has been delivered. The computer which has received the request (The Web Server, remember?) grabs the data for the requested page, and shoots it back to the requesting computer.
"Hey, send me such and such page"
"okay, Here ya go!"
Cue The Browser
So now, you have the data for that web page on your computer, but it's slightly encrypted, remember?
The browser takes all that raw data, and translates it. Then displays it on your screen. what the browser sees is raw data, which might look like this:
<img src="http://www.yourdomain.com/logo.gif">
But what you see is the browsers interpretation of that data.
You see, HTML is simply a way for you to tell your visitor's browser how you want it to display your data.
Writing HTML is probably a little easier than you might think, and in the next lesson, you'll get a chance to make your own webpage!
Over the next few days we can Practice making pages rite here.
Dont worry i will guide you all the way !
If It makes things easier folks add me to your GMail my username is the same for all ([email protected])
Just to help out a bit if you want to Join these FREE site's It will help you practice what we learn here.
**********************************************************************************************************************************************************************************************
Lesson 2
In this lesson we can practice with some HTML Tags.
To Do this you can do It 1 of 2 ways or both.
The best way is use a Note Pad on your own computer.
To use a Note Pad here are the steps.
1- Bring up a new note pad on your desktop Start/Programs/Accessories/NotePad
2- Type My Page on the top of the note Pad.
3- Then save the page Save As mypage.html Save this to your desktop.
This way when ever you want to work on your web page you sinply right clcik on it and open in a Note Pad.
The you can edit your page and when you are done just save it again.
When you want to see your page just clcik on the icon or right clcik and open in IE/Firefox on your Desk Top MyPage.html and It will open in a browser.So you can see what the page would look like if it was a page on the Internet.
Let's not go too far too fast !
As we discussed in the first lesson, HTML is a way for you to suggest to other people's computers exactly how to display your webpage.
By using HTML, you're able to leave little invisible sets of instructions all over your webpage that explain what your page should look like.
How It All Works
A webpage, in it's raw form, is simply a text file ending with the suffix .html or .htm
If you display this file on your computer in it's raw form, you'll see nothing but text interspersed with HTML tags. We're talking no background, no pictures of your cat, no really cool animations, nuthin but text and code. B O R I N G !!!
This text file, in all it's rawness, is often referred to as the "source code" of a webpage.
So how does this boring and dry text file become a webpage with color and life and vitality?
You have a program on your computer that takes these text files, reads them in the raw, and displays them on your computer's monitor in whatever way the file's HTML suggests. This program is called a browser.
It's All In The Angles
If you look at the source code for any webpage, you'll notice different HTML commands interspersed all through the document. These commands are called TAGS and tell the browser how to display the text, layout, and images of the document.
HTML tags are easy to recognize because they are always between a lesser than sign and greater than sign, or as I like to call them, Angle Brackets.
To Make this work here I had to add in this ! into each tag.< ! > I had to do this to kill the Tag or the Code would execute.
IMPORTANT !!!!! >>>>> You have to Remove This ! from each tag after you copy it to your note pad or your code will not work.
I had to do this or you would not see the code I want to show you...
<Like This>
The first you should learn is the BOLD tag.
IT's simply the letter "B", sandwiched between two angle brackets and looks like
< ! B>
Tags almost always work in pairs. There are a few exceptions we'll discuss later, but most of the time there is an opening tag and a closing tag. The closing tag for Bold looks like
< ! /B>
Notice it's the same as the opening Bold tag except for the /mark. All closing tags are like that. They look the same as the opening tag except for the added slash right after the lesser than sign. Any text placed between the opening and closing Bold tags will look thicker than the rest of the text on the page.
This is NORMAL text.
< ! B>This is BOLD text< ! /B>
Two more real simple tags are EMPHASIS and BIG.
< ! EM>EMPHASIS< ! /EM> = EMPHASIS
< ! BIG>BIG< ! /BIG>, = BIG
Are you catching all of this?
One thing I should probably mention at this point is that html tags don't give a hoot if you type them in lowercase or CAPITAL letters or even a mix of big and small letters. Everything inside the angle brackets get's read the same way.
Parts Is Parts
Every Webpage written in HTML has essentially two parts:
The Head The Body
Now, having told you that, let me tell you about one more tag before going on.
<HTML> </HTML>
The HTML tag tells your computer that everything between these two tags is an HTML document. You'll always begin your page with the opening HTML tag and end it with the closing HTML tag.
<HEAD> </HEAD>
The very first part of your document is the Head.This is where you'll put the title that comes up on somebody's navigation bar when they call up your page.
<BODY> </BODY>
After the Head is the Body. This is the real meat of the page. It's where all your visible text will be, and all your images and links too. Don't forget to put a body in your Homepage!
The Skeleton
Here is the HTML for a VERY simple webpage. See if you can figure it out using what You've learned so far. <HTML>
< ! HEAD>
< ! TITLE> THE COOLEST PAGE ON THE WEB< ! /TITLE>
< ! /HEAD>
< ! BODY>
Whoa!!!This is like so <EM>TOTALLY< ! /EM> Cool. Like I'm writing a WEBPAGE!!!!!
< ! /BODY>
< ! /HTML>
See how these tags fit into each other? And How all the text is between the BODY tags?
Notice also how I began my document and ended it with a pair of HTML tags. Without those, Your computer won't know how to read what it's been handed.
If You want to see what this page would look like, cut and paste the above code into your Note Pad. Then save it.
That's enough for Lesson 2. Create a simple page for yourself like the one above, Then, come back for Lesson 3.
Ok now you can just play with this and see what you come up with...
Please feel free to post questions that you would like to have answered over the course of the next lessons and I will try to answer them each as the lessons unfold.
I will answer everyone's questions one at a time as they are posted.... I will not move on to the next lesson until all the questions have been answered.)
***********************************************************************************************************************************************************************
Lesson 3
If you used the HTML you learned in Lesson Two to make a page for yourself, you probably learned a couple of things... First, it works.
Second, if you only use those few tags you learned in lesson Two, necessary as they may be, your page will look really, Really, UGLY!!
Don't lose heart, it does get better. After this lesson, and the next, your page will look much better.
The Incredible Body Tag
Remember the BODY tags? That's the pair of tags from the last lesson which shows where the body of the document begins and ends. All of your content goes between the opening and closing Body tags.
The last lesson showed you a really bare-bones body tag. Let's beef it up a bit, and see what it can do...
If you'll recall, the Body tags look like this:
<BODY> </BODY> Well, our supercharged Body tags are a bit more complicated, but well worth learning about. The Body Tag controls a lot of what your page will look like. Here's an example:
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red>
</BODY> Now is that a mouthfull, or what? Don't let it scare you, it's all pretty simple once you break things down a little.
An HTML Tag has different parts, but they are all set up in a very standard way.
<ELEMENT ATTRIBUTE=value> In the Body tag example above, BODY is the element, and BGCOLOR, TEXT, LINK, ALINK, and VLINK are the attributes.
The Element tells what the tag is in a general way, and the Attributes describe the tag more specifically.
Let's look at each attribute in the example.
BGCOLOR=white This determines the background color for the entire page. I use white here, but you could use red, blue, green, black, almost any common color. If you want to get really wild, you can use a hec color code, but we'll discuss that later.
TEXT=black Obviously, this controls the color of the page's text. Again, you can use almost any common color.
LINK=blue This will be the color of your hyperlink before it's clicked on. Links have to be a different color than the text, so that your visitor knows that it's a link.
ALINK=purple Ever notice a link turn a different color while it's being clicked? That's because the ALINK attribute was set to a certain color.
VLINK=red Once a link has been visited, the color will be whatever color the VLINK attribute specifies.
You can also effect text size by using it in a header, which is something we'll discuss in the next lesson.
A Little Background ...
The Body tag has one more spiffy attribute we need to discuss. By Using the BACKGROUND Attribute, you can tell the browser to go find a certain image file on your server, and use that image for the background. This attribute will over-ride whatever you specify for a bgcolor.
In order to use the Background attribute, you need to have the address of an image file on the web. Here's the same Body tag example we started with, but with a Background attribute.
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red
BACKGROUND="http://dis.dozier.com/chalk.jpg">
</BODY> Make sure you place the url in quotation marks!
Stand Alone Tags
Remember how I told you in lesson two that most HTML tags work in pairs, but that there are a few exceptions? Here they are: Remember to take out this ! when ever you see it. I have to put this in or the code will not show.
<P> <!BR> <!HR> Paragraph Line Break Horizontal
Rule Technically, the PARAGRAPH tag is not really a stand alone tag. But, you don't have to use a closing tag for it, and hardly anybody ever does, so I've included it here.
Use the Paragraph tag whenever you begin a new paragraph. This will leave a blank line wherever you use it. (Like between paragraphs!)
The Line break tag will force your text to start on the next line.
Finally, the Horizontal Rule tag will give you a thin black line across your page.
*********************************************************************************************************************************************************************
Lesson 4
In this lesson you'll learn how to place Headings on your page and how to use the Font Tags..
Remember where ever you see this ! Remove It as I need to keep it here to show the code.
This Is A Heading See that big blotch of text right above this that say's "This Is A Heading"? Well, That's what we webmasters like to call a
HEADING (I warned you that this Tutorial was designed for simple-minded people like myself.)
Headings come in six sizes:
<!H1>Your Heading</H1>
<!H2>Your Heading</H2>
<!H3>Your Heading</H3>
<!H4>Your Heading</H4>
<!H5>Your Heading</H5>
<!H6>Your Heading</H6> Getting Centered
You can center your Heading by nesting it inside a set of CENTER tags, like in the example below.
<!CENTER><!H1>Your Heading</H1></CENTER> If you don't center your heading, it will naturally line up at your browser's default setting, which is probably the left of your screen.
You can also center text or images by placing them inside center tags.
Make My Words Pretty
The size and color of text on an HTML document can be controlled by using the FONT tag. You'll set color of text for the entire page in the body tag, but you can enclose indivdual words, sentances, or even sections of your page in between FONT tags to make them different than the norm.
<FONT> </FONT> Now Things start to get a little more involved, so pay close attention, okay?
The FONT tag's can effect several different aspects of the text you place between them. For now you only need to worry about two.
SIZE and Color The FONT tag has a real identity crisis on it's hands. It really doesn't know much about itself until you tell it exactly what type of FONT tag it is.
You do this by assigning it an
ATTRIBUTE COLOR is an Attribute, as is SIZE.
Every single attribute must have a value. The value would be what color or size you want your text to be.
Check out this example then we'll talk about it.
<!FONT COLOR=RED> YOUR TEXT</FONT> In this example, FONT is the tag name, COLOR is the attribute, and RED is the value of that attribute.
You could just as easily use blue or yellow or green as the value of your color attribute. If you want a fairly basic color, you can use it's name; But if you're looking for a real off the wall color like Burlywood Brown...Well, that's another matter altogether. In that case you'll need to use it's HEXADECIMAL name.
HEXADECIWHAT??? New Big Words LOL Hexidecimal Color names are six digit codes used to specify how much of the colors RED, BLUE, and GREEN are in the desired color. Here are the hexidecimal codes for some
of the more common colors:
#000000 BLACK #FFFFFF WHITE #FF0000 RED #00FF00 GREEN #0000FF BLUE #00FFFF CYAN #A020F0 PURPLE #FFA500 ORANGE #FFFF00 YELLOW #A52A2A BROWN You can use the hexidecimal code in place of the color's name in your font tag like this:
< !FONT COLOR="#FF0000"> Your Text</FONT>
Font Size Use the size attribute just like the font color attribute, by inserting it into your opening font tag
<!FONT SIZE=5> YOUR TEXT</Font> When an HTML tag accepts attributes, like the font tag does, you can put all of it's attributes in the same tag. So in our font tag we can put both the size and color attributes like this:
<!FONT SIZE=5 COLOR=#FF0000>> There are seven font sizes you can use with 7 being the largest and 1 being the teensiest.
SIZE=7
SIZE=6
SIZE=5
SIZE=4
SIZE=3
SIZE=2
SIZE=1
Lesson 5 will be along Soon !
Lesson 2
In this lesson we can practice with some HTML Tags.
To Do this you can do It 1 of 2 ways or both.
The best way is use a Note Pad on your own computer.
To use a Note Pad here are the steps.
1- Bring up a new note pad on your desktop Start/Programs/Accessories/NotePad
2- Type My Page on the top of the note Pad.
3- Then save the page Save As mypage.html Save this to your desktop.
This way when ever you want to work on your web page you sinply right clcik on it and open in a Note Pad.
The you can edit your page and when you are done just save it again.
When you want to see your page just clcik on the icon or right clcik and open in IE/Firefox on your Desk Top MyPage.html and It will open in a browser.So you can see what the page would look like if it was a page on the Internet.
Let's not go too far too fast !
As we discussed in the first lesson, HTML is a way for you to suggest to other people's computers exactly how to display your webpage.
By using HTML, you're able to leave little invisible sets of instructions all over your webpage that explain what your page should look like.
How It All Works
A webpage, in it's raw form, is simply a text file ending with the suffix .html or .htm
If you display this file on your computer in it's raw form, you'll see nothing but text interspersed with HTML tags. We're talking no background, no pictures of your cat, no really cool animations, nuthin but text and code. B O R I N G !!!
This text file, in all it's rawness, is often referred to as the "source code" of a webpage.
So how does this boring and dry text file become a webpage with color and life and vitality?
You have a program on your computer that takes these text files, reads them in the raw, and displays them on your computer's monitor in whatever way the file's HTML suggests. This program is called a browser.
It's All In The Angles
If you look at the source code for any webpage, you'll notice different HTML commands interspersed all through the document. These commands are called TAGS and tell the browser how to display the text, layout, and images of the document.
HTML tags are easy to recognize because they are always between a lesser than sign and greater than sign, or as I like to call them, Angle Brackets.
To Make this work here I had to add in this ! into each tag.< ! > I had to do this to kill the Tag or the Code would execute.
IMPORTANT !!!!! >>>>> You have to Remove This ! from each tag after you copy it to your note pad or your code will not work.
I had to do this or you would not see the code I want to show you...
<Like This>
The first you should learn is the BOLD tag.
IT's simply the letter "B", sandwiched between two angle brackets and looks like
< ! B>
Tags almost always work in pairs. There are a few exceptions we'll discuss later, but most of the time there is an opening tag and a closing tag. The closing tag for Bold looks like
< ! /B>
Notice it's the same as the opening Bold tag except for the /mark. All closing tags are like that. They look the same as the opening tag except for the added slash right after the lesser than sign. Any text placed between the opening and closing Bold tags will look thicker than the rest of the text on the page.
This is NORMAL text.
< ! B>This is BOLD text< ! /B>
Two more real simple tags are EMPHASIS and BIG.
< ! EM>EMPHASIS< ! /EM> = EMPHASIS
< ! BIG>BIG< ! /BIG>, = BIG
Are you catching all of this?
One thing I should probably mention at this point is that html tags don't give a hoot if you type them in lowercase or CAPITAL letters or even a mix of big and small letters. Everything inside the angle brackets get's read the same way.
Parts Is Parts
Every Webpage written in HTML has essentially two parts:
The Head The Body
Now, having told you that, let me tell you about one more tag before going on.
<HTML> </HTML>
The HTML tag tells your computer that everything between these two tags is an HTML document. You'll always begin your page with the opening HTML tag and end it with the closing HTML tag.
<HEAD> </HEAD>
The very first part of your document is the Head.This is where you'll put the title that comes up on somebody's navigation bar when they call up your page.
<BODY> </BODY>
After the Head is the Body. This is the real meat of the page. It's where all your visible text will be, and all your images and links too. Don't forget to put a body in your Homepage!
The Skeleton
Here is the HTML for a VERY simple webpage. See if you can figure it out using what You've learned so far. <HTML>
< ! HEAD>
< ! TITLE> THE COOLEST PAGE ON THE WEB< ! /TITLE>
< ! /HEAD>
< ! BODY>
Whoa!!!This is like so <EM>TOTALLY< ! /EM> Cool. Like I'm writing a WEBPAGE!!!!!
< ! /BODY>
< ! /HTML>
See how these tags fit into each other? And How all the text is between the BODY tags?
Notice also how I began my document and ended it with a pair of HTML tags. Without those, Your computer won't know how to read what it's been handed.
If You want to see what this page would look like, cut and paste the above code into your Note Pad. Then save it.
That's enough for Lesson 2. Create a simple page for yourself like the one above, Then, come back for Lesson 3.
Ok now you can just play with this and see what you come up with...
Please feel free to post questions that you would like to have answered over the course of the next lessons and I will try to answer them each as the lessons unfold.
I will answer everyone's questions one at a time as they are posted.... I will not move on to the next lesson until all the questions have been answered.)
***********************************************************************************************************************************************************************
Lesson 3
If you used the HTML you learned in Lesson Two to make a page for yourself, you probably learned a couple of things... First, it works.
Second, if you only use those few tags you learned in lesson Two, necessary as they may be, your page will look really, Really, UGLY!!
Don't lose heart, it does get better. After this lesson, and the next, your page will look much better.
The Incredible Body Tag
Remember the BODY tags? That's the pair of tags from the last lesson which shows where the body of the document begins and ends. All of your content goes between the opening and closing Body tags.
The last lesson showed you a really bare-bones body tag. Let's beef it up a bit, and see what it can do...
If you'll recall, the Body tags look like this:
<BODY> </BODY> Well, our supercharged Body tags are a bit more complicated, but well worth learning about. The Body Tag controls a lot of what your page will look like. Here's an example:
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red>
</BODY> Now is that a mouthfull, or what? Don't let it scare you, it's all pretty simple once you break things down a little.
An HTML Tag has different parts, but they are all set up in a very standard way.
<ELEMENT ATTRIBUTE=value> In the Body tag example above, BODY is the element, and BGCOLOR, TEXT, LINK, ALINK, and VLINK are the attributes.
The Element tells what the tag is in a general way, and the Attributes describe the tag more specifically.
Let's look at each attribute in the example.
BGCOLOR=white This determines the background color for the entire page. I use white here, but you could use red, blue, green, black, almost any common color. If you want to get really wild, you can use a hec color code, but we'll discuss that later.
TEXT=black Obviously, this controls the color of the page's text. Again, you can use almost any common color.
LINK=blue This will be the color of your hyperlink before it's clicked on. Links have to be a different color than the text, so that your visitor knows that it's a link.
ALINK=purple Ever notice a link turn a different color while it's being clicked? That's because the ALINK attribute was set to a certain color.
VLINK=red Once a link has been visited, the color will be whatever color the VLINK attribute specifies.
You can also effect text size by using it in a header, which is something we'll discuss in the next lesson.
A Little Background ...
The Body tag has one more spiffy attribute we need to discuss. By Using the BACKGROUND Attribute, you can tell the browser to go find a certain image file on your server, and use that image for the background. This attribute will over-ride whatever you specify for a bgcolor.
In order to use the Background attribute, you need to have the address of an image file on the web. Here's the same Body tag example we started with, but with a Background attribute.
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red
BACKGROUND="http://dis.dozier.com/chalk.jpg">
</BODY> Make sure you place the url in quotation marks!
Stand Alone Tags
Remember how I told you in lesson two that most HTML tags work in pairs, but that there are a few exceptions? Here they are: Remember to take out this ! when ever you see it. I have to put this in or the code will not show.
<P> <!BR> <!HR> Paragraph Line Break Horizontal
Rule Technically, the PARAGRAPH tag is not really a stand alone tag. But, you don't have to use a closing tag for it, and hardly anybody ever does, so I've included it here.
Use the Paragraph tag whenever you begin a new paragraph. This will leave a blank line wherever you use it. (Like between paragraphs!)
The Line break tag will force your text to start on the next line.
Finally, the Horizontal Rule tag will give you a thin black line across your page.
*********************************************************************************************************************************************************************
Lesson 4
In this lesson you'll learn how to place Headings on your page and how to use the Font Tags..
Remember where ever you see this ! Remove It as I need to keep it here to show the code.
This Is A Heading See that big blotch of text right above this that say's "This Is A Heading"? Well, That's what we webmasters like to call a
HEADING (I warned you that this Tutorial was designed for simple-minded people like myself.)
Headings come in six sizes:
<!H1>Your Heading</H1>
<!H2>Your Heading</H2>
<!H3>Your Heading</H3>
<!H4>Your Heading</H4>
<!H5>Your Heading</H5>
<!H6>Your Heading</H6> Getting Centered
You can center your Heading by nesting it inside a set of CENTER tags, like in the example below.
<!CENTER><!H1>Your Heading</H1></CENTER> If you don't center your heading, it will naturally line up at your browser's default setting, which is probably the left of your screen.
You can also center text or images by placing them inside center tags.
Make My Words Pretty
The size and color of text on an HTML document can be controlled by using the FONT tag. You'll set color of text for the entire page in the body tag, but you can enclose indivdual words, sentances, or even sections of your page in between FONT tags to make them different than the norm.
<FONT> </FONT> Now Things start to get a little more involved, so pay close attention, okay?
The FONT tag's can effect several different aspects of the text you place between them. For now you only need to worry about two.
SIZE and Color The FONT tag has a real identity crisis on it's hands. It really doesn't know much about itself until you tell it exactly what type of FONT tag it is.
You do this by assigning it an
ATTRIBUTE COLOR is an Attribute, as is SIZE.
Every single attribute must have a value. The value would be what color or size you want your text to be.
Check out this example then we'll talk about it.
<!FONT COLOR=RED> YOUR TEXT</FONT> In this example, FONT is the tag name, COLOR is the attribute, and RED is the value of that attribute.
You could just as easily use blue or yellow or green as the value of your color attribute. If you want a fairly basic color, you can use it's name; But if you're looking for a real off the wall color like Burlywood Brown...Well, that's another matter altogether. In that case you'll need to use it's HEXADECIMAL name.
HEXADECIWHAT??? New Big Words LOL Hexidecimal Color names are six digit codes used to specify how much of the colors RED, BLUE, and GREEN are in the desired color. Here are the hexidecimal codes for some
of the more common colors:
#000000 BLACK #FFFFFF WHITE #FF0000 RED #00FF00 GREEN #0000FF BLUE #00FFFF CYAN #A020F0 PURPLE #FFA500 ORANGE #FFFF00 YELLOW #A52A2A BROWN You can use the hexidecimal code in place of the color's name in your font tag like this:
< !FONT COLOR="#FF0000"> Your Text</FONT>
Font Size Use the size attribute just like the font color attribute, by inserting it into your opening font tag
<!FONT SIZE=5> YOUR TEXT</Font> When an HTML tag accepts attributes, like the font tag does, you can put all of it's attributes in the same tag. So in our font tag we can put both the size and color attributes like this:
<!FONT SIZE=5 COLOR=#FF0000>> There are seven font sizes you can use with 7 being the largest and 1 being the teensiest.
SIZE=7
SIZE=6
SIZE=5
SIZE=4
SIZE=3
SIZE=2
SIZE=1
Lesson 5 will be along Soon !