Another occasionally useful tag worth mentioning are section headings. While they're a little obsolete in today's very graphic web, they are still a handy little thing to have in your toolbox. They come in sizes 1-6.
<H1>Something really cool</H1> <H2>Something really cool</H2> <H3>Something really cool</H3> <H4>Something really cool</H4> <H5>Something really cool</H5> <H6>Something really cool</H6>
Something really coolSomething really coolSomething really coolSomething really coolSomething really coolSomething really cool |
A useful heading attribute is ALIGN... fairly self-explanatory.
<H2 ALIGN="left">Something really cool<H2> <H2 ALIGN="center">Something really cool<H2> <H2 ALIGN="right">Something really cool<H2>
Something really coolSomething really coolSomething really cool |
One more thing and we'll wrap up this lesson. The browser has default settings for text color, link color, active link color and visited link color in addition to the background color. The defaults are...
| Text is usually black Links are usually blue Active link is usually red Visited link is usually purple |
You can change these if you need to (notice I said need to). The whole world has gotten used to links being blue. Why confuse us?
You can change these defaults for the entire document in the <BODY> tag.
<BODY BGCOLOR="#00000" TEXT="#FFFF66" LINK="#00FF66" VLINK="#00BB33" ALINK="#00CCFF"> Something really cool </BODY>
Something really cool I know that we have not gotten into how to make links, so that information is not shown above (why muddy the water?) This is simply to show you how to make the color changes when you do learn how to make links. You can see that the background is now black and the text is now yellow. Links are now neon green Visited links are darker green And active links are sky blue. |
I've written a neat little HTML & JavaScript widget called Color Picker that makes it easy (and kind of fun) to experiment with different color settings. With it, you can not only pick colors, but you can choose different fonts and font sizes, switch to bold or italic, and even easily experiment with different background images. The <BODY> tag is automagically generated for you.
There! You now know just about everything that has to do with manipulating the text in your document. You can now make Big red letters or small bold letters You can use other Fonts, or monospaced fonts.
You could even make a
rollercoaster!
(Coding for the roller coaster is here if you want to see it.)
Before we wrap up this lesson, there's one little thing I want to bring to your attention. You can view the HTML code of any page you happen to be viewing by choosing View/Document Source in your browser. Your browser may word this a little differently, but nearly all browsers have this facility. So, as you surf along and you run into a really neat page and you find yourself thinking "How'd they do that?", the answer is only a couple clicks away.
| << BACK NEXT >> |
 |
| Upload Your Pages Color Chart Practice Exercises Color Picker |
|
| Index & Quick Reference Barebones HTML Guide Table of Contents |
|
| Print version available PageTutor.com membership |
|
|