Tuesday, October 12, 2010

LINK, VLINK, and ALINK


These attributes control the colors of the different link states:

  • LINK - initial appearance – default = Blue
  • VLINK - visited link – default = Purple
  • ALINK - active link being clicked – default = Red


Many web developers will set the link colors of their documents to flow
with the color scheme of the site. The format for setting these attributes is:

<BODY BGCOLOR=”#FFFFFF” TEXT=”#FF0000” LINK=”#0000FF”
VLINK=”#FF00FF” ALINK=”FFFF00”>

The results of the above BODY element would be a white background with
links being blue, visited links as magenta and active links colored in
yellow.

TEXT Color

The TEXT attribute is used to control the color of all the normal text in the
document. This will affect all of the text within the document that is not
being colored by some other element, such as a link. The default color for
text is black. The TEXT attribute would be added as follows:

<BODY BGCOLOR=”#FFFFFF” TEXT=”#FF0000”></BODY>

In this example, the document’s page color is white and the text would be
red. As suggested earlier, it is important to ensure that your document’s
text is a color that will stand out from your background color.

Color Codes


RGB Color
Hexadecimal Value
White
#FFFFFF
Black
#000000
Red
#FF0000
Green
#00FF00
Blue
#0000FF
Magenta
#FF00FF
Cyan
#00FFFF
Yellow
#FFFF00
Aquamarine
#70DB93
Baker's Chocolate
#5C3317
Violet
#9F5F9F
Brass
#B5A642
Copper
#B87333
Pink
#FF6EC7
Orange
#FF7F00
 

A Basic Document

An element called HTML surrounds the whole document. This element contains two sub-elements, HEAD and BODY. These elements are required to form any HTML document.

<HTML>

<HEAD> has sub-elements that define header material:

<TITLE> document title. The title of your document is what appears
in a web browser’s Favorite or Bookmark list. Your document’s title
should be as descriptive as possible. Search engines on the
Internet use the document’s title for indexing purposes. </TITLE>

<BASE> can be used to record the document's location in the form
of a URL. The URL recorded here may be used to resolve a relative
URL (necessary if the document is not accessed in its original
location). </BASE>

<ISINDEX> indicates to the browser that the document is an index
document. This is used only if the document is on a server that
does indexing. </ISINDEX>

<LINK> indicates a relationship between this document and some
other object on the Web. </LINK>

<META> provides information such as the page’s keywords and
description that appears in HTTP headers. </META>

<SCRIPT> contains either JAVA Script or VB Script </SCRIPT>

<STYLE> contains information used by cascading style sheets </STYLE>

</HEAD>

<BODY> the remaining HTML elements are contained within these tags. </BODY>

</HTML>

Saturday, October 9, 2010

Marquee

Towards Left Marquee Codes:
<!-- Codes by basic4html.blogspot.com --> <marquee behavior="scroll" direction="left" scrollamount="12" onmouseover="this.setAttribute('scrollamount', 80, 0);" onmouseout="this.setAttribute('scrollamount', 12, 0);">Change my speed!</marquee> <p><a style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/marquees/marquee-speed.cfm">Change marquee speed</a></p>


Result:




Change my speed!
=================================================================
Alternative Marquee Codes:



<!-- Codes by basic4html.blogspot.com --> <marquee behavior="alternate" scrollamount="80" onmousedown="this.setAttribute('scrollamount', 10, 0);" onmouseup="this.setAttribute('scrollamount', 100, 0);">Hey, slow down - I can hardly see you!</marquee> <p><a style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/marquees/marquee-speed.cfm">Change marquee speed</a></p>
Results:




Hey, slow down - I can hardly see you!