[Basics I] [Basics II] [Emailing] [Graphics] [Lists] [Tables] [Linking] [Marquee] [Backgrounds] [Music] [Email Me] [Home]
Zog’s HTML Made Easy
LEARN SOME BASIC HTML PROGRAMMING TAGS
 USING BRACKETS
CASES
OPENING/CLOSING TAGS
YOUR HTML LAYOUT
CHANGING FONT STYLE (STYLE, COLOR, SIZE, ETC..)
ADDING LINE BREAKS
ADDING PARAGRAPHS
CHANGING LINK COLORS


BRACKETS
  • All tags start with a < (left bracket) and end with a > (right bracket).
  • Anything that is written between the “<” and the “>” brackets will NOT be seen on your web page.

RETURN TO THE TOP
RETURN HOME


CASES
  • Most HTML tags are NOT case sensitive.
    <font size=2> is exactly the same as <FONT SIZE=2>

  • The exception to this rule is when you are referring to your FILES.
    • TEST.gif is NOT the same as test.GIF
    • INDEX.html is NOT the same as index.html
RETURN TO THE TOP
RETURN HOME


OPENING & CLOSING TAGS
  • Almost all HTML commands have an opening and a closing tag.
  • The / command closes a function. For example
    </font> will close the tag <font style="Times New Roman">
RETURN TO THE TOP
RETURN HOME


LAYOUT
  • HTML documents should follow this same basic layout.
    <html>
    <head>
    <title>The Title of your page here (must be less than 60 characters) </title>
    </head>
    <body>

    All your html tags go here.

    </body>
    </html>
RETURN TO THE TOP
RETURN HOME


CHANGING FONT STYLE
  • Add this tag after the </head> tag. This will change the color of the text on your whole page. Put your own text color in. Try different colors to get the one you like best:

    <body bgcolor="color name" text="text color">

    Here is a list of colors I often use:
    #8B008B #FF0000 #00FF00 #00CCFF #66FF00 #000000 #CCC99
    #FF3300 #FFCC33 #0D0080 #DAA520 #0F00CD #FA8072 #000066
    #00B800 #CC00FF #0000CD #C71585 #CC00FF #CC00FF #FF00FF
    #CC33FF Crimson Black Red Cyan Green Purple
    Maroon Gold Firebrick Orange Blue Cyan Magenta

  • You can also JUST change one word or sentence(s):

    <font color=”crimson”><font color="crimson">Your text goes here</font></font>

  • Use this tag to change font size and style for your whole web-page size:

    <font face="arial" color="crimson" size=3> <font face="arial" COLOR="crimson" SIZE="3">

  • Here are some of my favorites (and safe) FONT FACES

    Times New Roman
    Arial
    Comic Sans MS
    Tahoma
    Courier New
    Lucida Sans

  • The larger the number the bigger the font.
    <font size=1>
    <font size=2>
    <font size=3>
    <font size=4>
    <font size=5>


  • Use this tag to BOLD your text:

    <b>Your Bold Text Here</b>

  • Use this tag to ITALICIZE your text:
    <I>Your Italic Text Here</I>
RETURN TO THE TOP
RETURN HOME

LINE BREAKS
  • <br> : This is the “line break” tag. A closing tag is NOT needed.

RETURN TO THE TOP
RETURN HOME


PARAGRAPHS
  • <p> : This misses one line and starts a new line. A closing tag is NOT needed.
RETURN TO THE TOP
RETURN HOME


CHANGING LINK COLORS
  • To make a text link add this code to your page
    <a href=http://www.address-you-want-text-to-link>Link Description Here</a>

  • Changing the color of your links is easy. You can make your links any color you want. You can change the link color, active link (alink) color and visited link (vlink) color. All you have to do is just add this this tag after the tag. Substitute your own color (or color code).

    <body bgcolor="anycolor" text="crimson" link="blue" vlink="black" alink="green">

  • With Color Codes:

    <body bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000">
RETURN TO THE TOP
RETURN HOME


Created by
Zog's Web Design
Resides on Yahoo!
Yahoo! Rights Apply