Make your own free website on Tripod.com
     
Click Here to View Examples of Tags  
HTML Review
Parts of a Tag
Example 3.1: <font color="#000000">Hello, this is black font. </font>
  • <font color="#000000"> is the opening tag. Opening tags tell the browser where to begin formatting the content.
  • </font> is the closing tag. Closing tags tell the browser where to quit formatting.
  • font is the HTML element.
  • An attribute is additional information regarding the HTML element.
  • Color is the NAME of the ATTRIBUTE.
  • "#000000" is the VALUE of the ATTRIBUTE.
  • Everything between the opening and closing tag is modified the way the tag tells the browser to modify it.
Example 3.2: <img src="images/header.jpg" />
  • This example does not have a separate closing tag. This tag closes itself by ending the tag with /> instead of >.
  • The /> is not necessary, but it's good programming if you put it there.
  • There are a few tags that require the tag to close itself. Most tags having an opening and closing tag as in example 3.1. Tags that can close themselves are: <br />, <img />
Example 3.3: <a href="page2.html">Click here</a>
  • a = anchor
  • href = hyper reference
  • <a href=""> is the opening tag to link text.
  • </a> closes the link.
  • The text between those tags will be linked to the specified url.
Useful Tags

NOTE: Assume all tags have a closing tag unless otherwise specified.

  • <html> -Tells the web browser that this is the beginning/end of the html document.
  • <head> - This is not displayed on the webpage itself. This section of the HTML document generally includes CSS, scripting languages, and the title.
  • <title> -This is where you name/set the title of the web page. The title is displayed in your browser’s caption.
  • <body> - The content within this tag will be displayed within your web browser.
  • <b> - bolds the content.
  • <strong> - also bolds the content.
  • <i> - italicizes the content within the tags.
  • <h1> to <h6> - various headers used for html.
  • <p> - Paragraph tag. This puts an extra line break below the content.
  • <br /> - Break tag. This is a simple line break. This a simple tag that is closed in itself.
  • <!--This is a comment-->
    • This will not be displayed in the web browser, but it is available in the page source.
  • <font> - this tag allows you to modify the face(name of font), size, and color of the text.
  • <a href="urlhere"> - This links content to other webpages.
  • <a href="mailto:jsvarnam@gmail.com"> - This will open a window using your default mail client to create a new message to the specified address.
  • <hr /> - Horizontal Rule. You can modify size, width, and color. This tag closes itself.
  • <img src="urloftheimage" /> - This places the specified image on the page. This tag closes itself.
  • Click Here to view examples of the tags above.
Online Tutorials
W3Schools HTML Tutorial
W3Schools JavaScript Tutorial
W3Schools VBScript Tutorial
Hex Color Chart