HTML Guide #2

Great Orb Project · Feb 17, 2010

I am Harrison on the forum where this guide was originally posted.

HTML Guide #2:

This is my third HTML guide. In this guide i'll be talking about making your code look pretty with text and background colors and even text sizes.

What Will Be Covered In This Guide:

- Background Colors
- Text Colors
- Text Sizes (Described Better Than My Last Guide)

Text Colors:

Isn't it amazing how you can change the color of the text of your code just by inserting a simple code? Brilliant isn't it?

Well, basically, you can make the text color any html color of your choice. The cool thing is, you don't even need to know the html color code. You just need to insert the name of the color.

Color Tags:

Code:

style="font-family:verdana;color:red"

Just like many text adjustments, the text tags must be placed within the paragraph tags.

For example, it might look like this:

Code:

<p style="font-family:verdana;color:red">

See where it says Verdana? You can insert any font you want in there. Now, see where it says red? You can put ANY color you want in there. Anything from white to Royal, and even black to PowderBlue. Basically, any color will work in there.

What Text Colors Do To Your Code:

- Make it pretty
- Fit the theme of the code
- For your own amusement

Background Colors:

Another brilliant thing about html coding is that you can change the color of your background color just by inserting tags!? Well, it's quite easy, and a very cool thing to add to your code.

Background color tag:

Code:

style="background-color:PowderBlue;"

Now, if you only read 1 sentence of this entire guide, read THIS one.

The background color tags are unlike most tags. The background color tags get inserted within the BODY tags. An example of the background color tags put into action would be as follows:

Code:

<body style="background-color:PowderBlue;">

See where it says PowderBlue? Just like the font color, you can insert any color you want.

But, there is ONE color you should avoid. NEVER, and i say NEVER, use the same color text as your background color.

What Background Colors Do To Your Code:

- Make it look pretty
- Add some spice to the code
- Fit the theme

Text Sizes (Described Better Than My Last Guide):

Now, wouldn't a code look boring if it was all the same size? Yeah i think so.

With a simple tag, you can make the size of your text any color you want.

The Text Size Tag:

Code:

style="font-size:30px"

Now, get your mind off of the background color tag. This tag goes back to the regular ones. The text size tag goes within the paragraph tags.

An example of the font size tags put into action lies below:

Code:

<p style="font-size:30px">

See where it says 30px? You can put any number in there you want.

*Note - it has to say px after it, and it must say px after the number with no space*

What Text Colors Do To Your Code:

- Eliminate the fact that all the text is the same size
- Make it look pretty
- Show variety and emphasis

Thanks For Reading.

What The Next HTML Guide Will Include:

- Subscripts
- Superscripts
- Bolding
- Italics

Example of BG HTML Code:

Regulation-X · Feb 20, 2010

You shouldn't really put the CSS in the html. I do this, I really need to stop... But it just makes it look messy.

It should either be in <head></head> as CSS or in a different file style.css and included into the html. Just makes it a lot neater .

Log in or Sign up

HTML Guide #2

Great Orb Project Member

Regulation-X Member

Log in or Sign up

HTML Guide #2

Thread Tools

Great Orb Project Member

Regulation-X Member

Useful Searches