Some more of those flag things and some attributes

Well, now you know how to mess around with making a pretty simple page. I'm sure you still have plenty of questions. Most of those should be answered by different tutorials, but I'm going to go ahead and give you a few more flags and some attributes. An attribute looks like this, for instance: <font size="#000000">. Don't be frightened by the size of this command, we'll get into it in a few minutes. :) point is that the attribute in this flag is the whole size="#000000" thing. An attribute is something that customizes, if you will, a flag. You just type in the regular tag without the >, add a space, type the attribute, and then type the >! Simple, right?

<a>'s something very convenient but simple: a mail link! Everyone wants plenty of these on their pages. The flag for a link is just plain <a>, but you'll need to put in an attribute to make it work, obviously. The attribute, in this case, is "href". This just means the address of the place you want to have your page link to. So...the full command would be:

<a href=""<Click here to go to Ryan's Site!</a> would give you:
Click here to go to Ryan's Site!

Do not leave out the "http:// stuff. For some reason, it is important that you don't leave it out! The "A" stands for anchor, and I'm not sure what exactly the "href" stands for. The guy at will be able to tell you though. Back to this mail link stuff...when the browser sees <a href=, it is going to type out whatever is in between the following quotations. In order to open up the default mail program on someone's computer, you need to type in "mailto:(address)". If you were to type in that right now, where you type your web page addresses, it would open up a mail box or program or whichever you use, with (address) in the send-to box. Pretty cool, huh?!


Okay...I showed you, in the last tutorial, how to make really big or really small headings. Now it's about time you learn how to make any text big or small! You know how to place an attribute now, so I'll just tell you what they are. For the <font> flag, two attributes that will help you are size, and color. There are many more, but you'll learn them all in good time. :) Here is how the font size flag works:

<font size="+1"> gives you this
<font size="+2"> gives you this, and so on and so on.

I think it goes up to 6 or something. Anyways...that's pretty simple, right?! Now for this color thing...I'm pretty sure you can guess what it does. It changes the color of your text!! :) Here's how it works:

<font color="#FF0000"> gives you this
<font size="+2"> gives you this, and so on and so on.

The #0000FF part is what tells the internet people to make the text red. The "#" denotes that a hexidecimal code will follow. Don't let this bother you! Just remember that there is a hexidecimal code for every color. There are more than a hundred listed here, at On to the next flag and its attributes!

<hr> This should look familiar to you!! :) The attribute to this one is very very simple. In fact, this attribute is used a lot in many different flags. The attributes "color" and "size" are frequently used too. The attribute for <hr> is "width". Here is the format:

<hr width="50%"> gives you this:

<hr width="75%"> gives you this:

And so on and so on...

See? All you have to do is tell the internet people what percentage of the screen you want the line to take up!


This flag should also look familiar to you! It goes after the <html> flag, right!? it's time to change the background color of your page! The default background is either grey, or white, depending on your browser version. If you want to change the background color, just add the attribute "bgcolor"! So, if we wanted to change the background of a page to black, our body command would look something like this:

<body bgcolor="#000000">


Well...that's all that I have to offer on my site. I'm sorry if the basics of HTML still aren't clear to you. Please email me if you have any questions! I'd really like to help! :) Or, it always helps to look at other people's sources. Just right click anywhere on a page, where there isn't a picture, and go down to "view source". Try it on this page...for instance. You'll see what makes this page come up on the screen!

Thanks for reading and good luck! ;)

Site hosted by Build your free website today!