Archive for category HTML Guides

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
Advertisements

, , , ,

Leave a comment

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

, , , , ,

5 Comments

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

, , , , , , ,

1 Comment

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

, ,

Leave a comment

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

, , ,

Leave a comment

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!

, , , , , , ,

10 Comments

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.

Leave a comment