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!
ColorPicker 3.1 PageTutor.com
 Red:   00 11 22 33 44 55 66 77 88 99 AA BB CC DD EE FF 
 Green: 00 11 22 33 44 55 66 77 88 99 AA BB CC DD EE FF 
 Blue:  00 11 22 33 44 55 66 77 88 99 AA BB CC DD EE FF 
Text:   Background:
Link: Visited Link:
Hover: Active Link:
Background image (optional) ?
Font/Size:
Bold    Italic    Underline links
 
Instructions:
 
This color picker will help you fine tune the hex color codes for your web page. First choose whether you wish to play with the Background Color, Text Color, Link Color, Visited Link Color, Active Link Color or Hover Color and check the appropriate round radio button.
 
To choose a color, you can click on the color chart, or the Red, Green or Blue bars at the top. The chart contains 216 separate colors along with a gray scale. With the bars you have 4096 different color combinations possible. When using the bars, keep in mind that towards the right is brighter/more color and towards the left is darker/less color.
 
Change the font and font size if you wish, along with rendering bold and italic. You can also enter the URL of a background image or choose not to underline links.
 
When you're done you can copy the style sheet info and paste it into the head tag of your page... or just use the simple body tag that's generated. (Note the hover color cannot be done with body tag attributes.)
 
All in all it's fairly easy to use. If you're a little lost, just play with it for a while and all will be clear. And, if you'd like a little background on "hex codes", what they are and where they come from, click here.
 
And, if you'd like your own personal ColorPicker that you can use offline, you'll find one right here.
 

ColorPicker v3.1 by Joe Barta
PageTutor.com
Testing Site:
This is text
Now is the time for all good men to come to the aid of their country. And here is a link embedded in some text so you can better see how it will look.

 
This is a link
 
This is a visited link
 
This is an active link
 
This is the hover color
 


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 ] |