HTML Color
In a previous class I had taken "Web Design" I learned how to use HTML to add color to a site. I had found a website that helped remember and practice these HTML steps.
Please find below the steps and notes to adding color to a site.
In HTML (Hypertext Markup Language), color names are used to specify colors for elements on a web page. Instead of providing the exact numerical representation of a color (such as hexadecimal or RGB values), you can use a predefined set of color names for simplicity and readability in your HTML code.
Here are some examples of HTML color names:
Red Shades:
Red
DarkRed
FireBrick
Green Shades:
Green
DarkGreen
LimeGreen
Blue Shades:
Blue
DarkBlue
DodgerBlue
Yellow Shades:
Yellow
Gold
Khaki
Neutral Shades:
Black
Gray
Silver
White
Purple Shades:
Purple
DarkSlateBlue
MediumPurple
These color names are case-insensitive, so you can use them in uppercase or lowercase letters. For example, "Red" and "red" would both be valid.
Here's an example of how you might use color names in HTML:
<!DOCTYPE html>
<html>
<head>
<title>Color Names Example</title>
<style>
body {
background-color: LightGray;
color: DarkSlateGray;
}
h1 {
color: DarkOrange;
}
p {
color: SeaGreen;
}
</style>
</head>
<body>
<h1>HTML Color Names Example</h1>
<p>This is a paragraph with a specific text color. </p>
</body>
</html>
In this example, the background color of the body is set to "LightGray," the text color for the heading (<h1>) is set to "DarkOrange," and the text color for the paragraph (<p>) is set to "SeaGreen." Using color names in this way can make your HTML code more readable and easier to understand.
Comments
Post a Comment