HTML Color Names (L-N)

• Lavender
• LavendarBlush
• LawnGreen
• LemonChiffon
• LightBlue
• LightCoral
• LightCyan
• LightGoldenRodYellow
• LightGrey
• LightGreen
• LightPink
• LightSalmon
• LightSeaGreen
• LightSkyBlue
• LightSlateGray
• LightSteelBlue
• LightYellow
• Lime
• LimeGreen
• Linen
• Magenta
• Maroon
• MediumAquaMarine
• MediumBlue
• MediumOrchid
• MediumPurple
• MediumSeaGreen
• MediumSlateBlue
• MediumSpringGreen
• MediumTurquoise
• MediumVioletRed
• MidnightBlue
• MintCream
• MistyRose
• Moccasin
• NavajoWhite
• Navy

How Do I…Abbreviate

Most of the time people don’t feel like typing out the whole word so they just abbreviate it. But what if somebody doesn’t know that abbreviation? Because of this you should properly abbreviate on the web every time.

This is one example of a code for abbreviating:

<p><abbr title="HyperText Mark-up Language">HTML</p>

HTML

Another example:

<p><abbr title="August 10th, 1999">9/10/99</abbr> is the date.</p>

9/10/99 is the date.

You can copy these codes and edit them on your own:

<p><abbr title="Insert Hover Text Here">Insert Abbreviation Here</abbr> Insert Non-Hover Text Here</p>
<p>Inset non-Abbreviation Text Here <abbr title="Insert Hover Text Here">Insert Abbreviation Here</abbr> Insert non-Abbreviation Text Here.</p>
<p><abbr title="Insert Hover Text Here">Insert Abbreviation Here</abbr></p>

<p>Insert Non-Hover Text Here <abbr title="Insert Hover Text Here">Insert Abbreviation Here</abbr></p>

Insert Abbreviation Here Insert Non-Hover Text Here

Inset non-Abbreviation Text Here Insert Abbreviation Here Insert non-Abbreviation Text Here.

Insert Abbreviation Here

Insert Non-Hover Text Here Insert Abbreviation Here

HTML Color Names (G-L)

Listed alphabetically from G-L.

All the following colors are recognized by HTML editors/creators.

• Gainsboro
• GhostWhite
• Gold
• GoldenRod
• Gray
• Green
• GreenYellow
• HoneyDew
• HotPink
• IndianRed
• Indigo
• Ivory
• Khaki
• Lavender
• LavenderBlush
• LawnGreen
• LemonChiffon
• LightBlue
• LightCoral
• LightCyan
• LightGoldenRodYellow
• LightGrey
• LightGreen
• LightPink
• LightSalmon
• LightSeaGreen
• LightSkyBlue
• LightSlateGray
• LightSteelBlue
• LightYellow
• Lime
• LimeGreen
• Linen

HTML Colors Names (D-F)

Listed alphabetically from D-F.

All the following colors are recognized by HTML editors/creators.

• DarkBlue
• DarkCyan
• DarkGoldenRod
• DarkGray
• DarkGreen
• DarkKhaki
• DarkMagenta
• DarkOliveGreen
• Darkorange
• DarkOrchid
• DarkRed
• DarkSalmon
• DarkSeaGreen
• DarkSlateBlue
• DarkSlateGray
• DarkTurquoise
• DarkViolet
• DeepPink
• DeepSkyBlue
• DimGray
• DodgerBlue
• FireBrick
• FloralWhite
• ForestGreen
• Fuchsia

HTML Color Names (A-C)

Listed alphabetically from A-C.

All the following colors are recognized by HTML editors/creators.

• AliceBlue
• AntiqueWhite
• Aqua
• Aquamarine
• Azure
• Beige
• Bisque
• Black
• BlanchedAlmond
• Blue
• BlueViolet
• Brown
• BurlyWood
• CadetBlue
• Chartreuse
• Chocolate
• Coral
• CornflowerBlue
• Cornsilk
• Crimson
• Cyan

How Do I…Change my Comment Text Color

So you might’ve noticed that some of my comments are in green, or red, or pink. So how do I do this? I’ll tell you.

<p style="color:green">This is in green.</p>
<p style="color:deeppink">This is in pink.</p>
<p style="color:brown">This is in brown.</p>
<p style="color:cyan">This is in cyan.</p>
<p style="color:red">This is in red.</p>

This is in green.

This is in pink.

This is in brown.

This is in cyan.

This is in red.

There are many other colors that you can use but these are just a select few. If you comment somewhere on this site and screw it up then I will fix it for you don’t worry. Have fun!

How Do I…Link to Top

On some page templates at the bottom you might have noticed the [ Back To Top ] thing. You might want to add that in your footer or CSS Template but you just don’t know how to. Well when I tell you how you will be knocking yourself down on how simple it is.

Here is the code:

<p style="text-align:center"<a href="#top">[ Back to Top ]</a></p>

Simple? Yeah but you want to know if it works?

[ Back to Top ]

Test it out and add it to your footer, sidebar, or navigation on your site. It doesn’t matter which page is being viewed it will always work.

How Do I…Text Color

This is the final HTML Guide I’ll make before Summer Camp. Now how do you change text color if you don’t have an automatic text changer? Well this is the code for red!

<p style="color:red">This is red text</p>

And this is what it will look like.

This is red text

You can do many other colors and some weird colors require their HEX code because color names may vary or not be compatible. For instance Hot Pink.

<p style="color:hot pink">This is hot pink text</p>

And this what it will look like.

This is hot pink text

See it didn’t work but if you input the HEX code it will work just like that.

<p style="color:FF0066">This is hot pink text</p>

And this is what that will look like.

This is hot pink text