There are 216 browser safe colors sometimes called web-safe colours. These are colors that can be assured that all web browsers in the world will display properly without distortion or pixilation.
The hexadecimal system uses numbers to represent the three main colours and their mixtures to use on the web.
Begin all hexadecimal numbers with a "#" sign and do not use dashes.
Example hexadecimal number colors:
#ff0000 red is filled no green or blue
#00ff00 green is filled no red or blue
#0000ff blue is filled, no red or green
#00ffff cyan- no red, green and blue are full.
If you want to limit yourself to 16 colors you can type the names of the most commonly used colors.
| HTML Color Name | Hexadecimal Value | HTML Color Name | Hexadecimal Value |
| Aqua | #00ffff | Navy | #000080 |
| Black | #000000 | Olive | #808000 |
| Blue | #0000ff | Purple | #800080 |
| Fuchsia | #ff00ff | Red | #ff0000 |
| Grey | #808080 | Silver | #c0c0c0 |
| Green | #008000 | Teal | #008080 |
| Lime | #00ff00 | White | #ffffff |
| Maroon | #800000 | Yellow | #ffff00 |
To use one of the 16 colors, you can specify the name in any tag that accepts a hexadecimal color value instead of using the hexadecimal number value. This is simpler, but is limited.
You may change the color of a background in the body tag by specifying "bgcolor="
< body bgcolor=teal > is an attribute in the < body > tag that will change the color of the background of your page.
Dithering is when the computer tried to create a color by combining other colors in grid pattern made of pixles. Dithering produces impure colors and never looks as good as the actual real color. Dithering in pictures makes them appear grainy and unclear.
NOTE:Browsers rarely dither background colors. A background image can consume the entire background of a web site. Sometimes a background image may be a solid color. Dithering would be apparent on such a large colored image; therefore most browsers substitute a close browser safe color for the non-browser safe color that you selected.
Generally light backgrounds with darker text are more readable then dark backgrounds with lighter text.
Do not make your background image stronger then your web page.
You can create your own background image by repeating patterns. Your background image patterns can be large, but make sure the pattern fits well within a small browser.
The browser only has to load a repeating background image once for the entire screen to load.
When you make a background, make sure the patterns have no border.
A tick is a blank space inside a link caused by an extra space.
URL stands for Uniform Resource Locator and is the web address locator of a specific document. URL's point to web sites and other items like images and other things online.
NOTE: Most web sites have a home page named index.html with appears by default when a browser point to that address.
Example URL's:
The URL: http://www.geocities.com/index is the same as the URL: http://www.geocities.com
The primary method for making a hyperlink is to use the tag with the attribute href=. The in the tag stands for anchor. Hyperlink points are know as anchors. This tag always requires both the tag and end tag.
Example:
NOTE: When a users mouse points to the link, the pointer often turns to a hand to indicate that the text represents a link and is simply not underlined text.
Only the words inside the "URL" >here< / a > appear as a link.
< a href="#" >please click here!< / a > please click here!
You can make images links by putting them in place of the text.
Hyperlinks can change colors to indicate wether or not the users has selected those links yet. You have the option of leaving the choice of link colors up to the browser or specifying the link colors yourself.
Use the title= attribute with the < a > and < / a > tags when you want a pop-up description called a tooltip to appear when the user points the mouse to the hyperlink.
< a title= "address" link href="http://www.geocities.com/liquidwinds/www.whatever.com" >mail tetter< / a >
When a user clicks on the hyperlinks you've seen so far in this session, the user's browser window changes to the page of the new link. If you want it to open in a new browser window use the target="_blank" attribute.
Example:
< a href="frame.html" target="_blank">Christmas Card< / a >
Christmas Card
Bookmarks also know as markers or fragments are links to areas on the same page instead of a different web page. Bookmarks do not send the user to a new page, but further down on the same page. This eliminates the need for scrolling back and fourth on a long web page.
You must use two anchor tags to create a bookmark link--the bookmark's source < a > tag and the bookmark's destination < a > tag. The destination tag uses the name= attribute to determine the destination.
In this kind of tag you completely replace the href= with the name= attribute.
at the top of the page type:
To make a link to go to the "top"
Without < p >'s the image will appear in line with the text.
A thumbnail is a small fast loading version of a larger picture. You can place a thumbnail on a web site and then make the thumbnail a link to the larger image.
When a link the image border becomes the color of links.
< a href="http://www.geocities.com/liquidwinds/URL" >hotspot--text you click< / a >
The hotspot text represents the text that appear in the web page as a link that users click on.
please< a href="#" >click here< / a >! pleaseclick here!
please < a href="#" >click< / a > here ! please click here !
Suppose your user visits your web site for the first time. All the hyperlinks will be one color, the link= attribute color. When the user clicks on a link, that link changes to the alink= attribute color until the link loads. Then, when the user returns to the page, the link appears in the vlink=attribute color.
mail tetter
This is usually used when you are in frames.
< a name="top" >< / a >
That part of the page is now named "top"
< a href="#top" >Go to Top of page< / a >
If you put < p >'s between images and text, the text will not appear directly next to the image. The image will stand alone.
