The 16 Basic Color Names. Tutorial 3: Designing a Web Page Working with Fonts, C o l o r s , and Graphics. This figure shows the 16 basic color names that are recognized by all versions of HTML. Partial List of Extended Color Names.
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Tutorial 3: Designing a Web Page
Working with Fonts, Colors, and Graphics
This figure shows the 16 basic color names that are recognized by all versions of HTML
This figure shows a partial list of these additional color names. The extended color name list allows you to create color schemes with greater color variation. A more complete list is provided in Appendix A, "Extended Color Names."
Web site for color designations:
(See the ITOM 2308 Web Site for this hyperlink.)
The color yellow has the RGB triplet (255,255,0) and is represented by the
hexadecimal string FFFF00. This figure shows the RGB triplets and
hexadecimal equivalents for the 16 basic color names presented earlier.
<BODY BGCOLOR="color" TEXT="color" LINK="color" VLINK="color" ALINK="color">
previously visited hyperlink color
background colorHTML Code for using Color in a Web Page Continued
<FONT SIZE="size" COLOR="color" FACE="face"> text </FONT>
Example <FONT> tag with modified properties:
<FONT FACE=Arial, Helvetica, "sans-serif"> Arcadium</font>
The Process of Tiling the Background Image
This figure shows that when a browser retrieves your image file, it repeatedly
inserts the image into the background, in a process called tiling,
until the entire display window is filled up.
setting the image file for the page’s background results in the background below
Finding the right background image is a process of trial and error.
You won’t know for certain whether a background image works well until you actually view it in a browser.
See Page 3.28 for details about Alignment Options.
Using the ALTAttribute
<imgsrc="graphics.gif" vspace="value" hspace="value">
Controlling Image Size
Alternate image text is important because it allows users who have nongraphical browsers to know the content of your graphics. Alternate image text also appears as a placeholder for the graphic while the page is loading. This can be particularly important for users accessing your page through a slow dial up connection.
specifying alternative text for an inline image
Using the BORDER Attribute
for example, using
starts the next line when the left page margin is clear