HTML Intro

HTML Tags

HTML stands for Hyper Text Markup Language. HTML has its own set of tags to mark up text. If you want something bolded or centered, you have to indicate so with HTML tags.

  • Tags are in angled brackets <>, and they are blue. You can have them all capitals (stand out more) or lowercase, doesn't matter.
  • Attributes are in red - they are in the opening tags only. They change how something looks (color, size, etc.)

Colors in Notepad++

Correct Colors

If you click on an opening or closing tag, they will both be highlighted in purple, if they are typed correctly.

HTML tags should be in blue. If not spelled right, they turn black. Example the BODY tag below.

  • Attributes should turn red (unless you spelled it wrong – watch out for color = American not Canadian spelling).
  • What the attribute equals should be in quotation marks – then it’s in purple. If you don’t have any quotation marks, it usually still works but it turns orange.

Things have gone wrong

Make sure you don’t have just one quotation mark, then it won’t be happy. If you do, the next tag will be purple instead of blue.

A common mistake is forgetting a bracket at the end of a tag. Then the HTML tag will turn red in the next tag.

HTML Colors

As you work on making your webpage have a unique design, you will need to find a color you like, copy the color #, and then paste it in the right place in the code. Remember, HTML uses American spelling so spell color instead of colour.

Whenever you need to set the color for something, you can use a color name such as...

  • black, white, gray, silver,
  • pink, purple, red, fuchsia, yellow,
  • maroon, green, lime, olive,
  • navy, blue, teal, aqua

... or use the color number (stands for the amount of Red Green Blue). Here are a few examples:

 

  • Black = #000000
  • White = #FFFFFF
  • Red = #FF0000
  • Green =#00FF00
  • Blue = #0000FF