include("http://".$_SERVER["SERVER_NAME"]."
Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/jsmcm/public_html/webtutor/lesson06.php:1) in http://www.softsmart.co.za/includes/PageTop.inc on line 2
HTML Tutor | Web Design | web hosting
Web development by PHP-Web-Host.com   Website Hosting by PHP-Web-Host.com
Web Hosting by PHP-Web-Host.com

HTML Tutor!

HTML Tutor, learn to author your own website

 

 

Resources

SoftSmart.co.za | Linux Web Hosting

 

 

Please sign up for our Free News Letter
Please help us by taking this 1 minute survey!

Another occasionally useful tag worth mentioning are section headings. While they're a little old fashioned 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 cool

Something really cool

Something really cool

Something really cool

Something really cool
Something really cool

A useful heading attribute is align. It's 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 cool

Something really cool

Something 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...

Background is usually white
Text is usually black
Links are usually blue
Visited links are usually purple
Active links are often red

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="#000000" text="#ffff66" link="#00ff33" vlink="#00bb33" alink="#00ddff">
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!

Or a RAINBOW

(The markup for the roller coaster and the rainbow is here if you'd like to check it out.)

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 may be only a couple clicks away.

Tell you what... have some practice viewing source. View the source of this page and find the secret message. (It's the same secret message that Ralphie decoded in A Christmas Story.)

So, you want to make a Web Page!
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
Index & Quick Reference      Table of Contents      ColorPicker      BareBones HTML Guide
Color Charts      Simple Font Widget      Practice Exercises      Where are my images?
Print version of this tutorial available - Get the PageTutor Book & CD

 

 

SoftSmart.co.za | Linux Web Hosting

 

 

Please sign up for our Free News Letter
Please help us by taking this 1 minute survey!

 

 

We accept PayPal

 

Web Hosting by PHP-Web-Host.com Website Hosting by PHP-Web-Host.com

[ Home ] | [ Software ] | [ Web Development ] | [ Resources ] | [ Contact ] | [ Privacy Policy ] | [ Acceptable Use Policy ] | [ Terms of Service ] | [ Sitemap ] | [ Clients ] | [ Affiliates ]

[ PHP Web Hosting ] | [ Linux Web Hosting ] | [ 500mb PHP Web Hosting ] | [ 1Gb PHP Web Hosting ] | [ 3Gb PHP Web Hosting ] | [ 6Gb PHP Web Hosting ] | [ 10Gb PHP Web Hosting ]

[ HTML Tutor ] | [ CSS Tutorial ] |