Help:Colors

Choice of color
There are many colors available for use on a page and a number of systems with which to specify color:
 * HTML color names (e.g. red),
 * Hexadecimal, or hex triplet, codes (e.g. bronze is #CD7F32),
 * web-safe colors, (e.g., light yellow is #FFC).

Standard HTML color names
The HTML 4.01 specification defines sixteen named colors, as follows:

Coloring text
Set text color by using   TEXT   

Set background color by using TEXT

Set both by using TEXT

Example 1. Yellow background'''
Code:

Example 2. Green background with white text'''
Code:

Example 3. Red background, white text, green border 5px width'''
Code:

Creating colored backgrounds in paragraphs or whole pages (using div boxes)
A div box is a container for text, images and other objects in any WikiEducator page.
 * A div box has several attributes and properties that define size, position, color of text inside the box, background color, border, etc.
 * Defining a div box requires the usage of an HTML pair of tags:    for opening the box, and      for closing the box; "div" stands for "division".
 * For the purpose of this Help Page we'll focus on color properties.
 * There are several attributes available for div boxes (Id, Class, Style, Title, Lang, etc). The attribute used for managing colors in a div box is: style. ''
 * Notice that you can enclose in a div box a simple paragraph or a whole page.''
 * Colors can be defined by its name or its hexadecimal number.

Example 1. Text over Light Cyan background color
Generic code:

  text here    , or    text here    

Output: Please note that all contributions to WikiEducator are considered to be released under the Creative Commons Attribution Share-Alike License (see WikiEducator:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. DO NOT SUBMIT COPYRIGHTED WORK WITHOUT PERMISSION!

Example 2. Text over Light Cyan background color, with solid 2px blue border
Generic code:

  text here    , or    text here    

Output: Please note that all contributions to WikiEducator are considered to be released under the Creative Commons Attribution Share-Alike License (see WikiEducator:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. DO NOT SUBMIT COPYRIGHTED WORK WITHOUT PERMISSION!

Example 3. Red colored text over Light Cyan background color, with solid 2px blue border
Generic code:

  text here    , or    text here    

Output: Please note that all contributions to WikiEducator are considered to be released under the Creative Commons Attribution Share-Alike License (see WikiEducator:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. DO NOT SUBMIT COPYRIGHTED WORK WITHOUT PERMISSION!