About Tags

What are tags ?

      Tags are little bits of code that instruct a Browser how to display a page, sizes, colors, pictures, locations to find pictures to display. The tags can also relay information to Search Engines, site content rating, links to other sites etc. In other words we would be looking at plain text pages without them.

      Most tags require a closing tag, a tag at the end of the function which has a slash after the left arrow symbol ie: < /body >

       Please note that the space after < and before > on the Tags on these pages is not normal. It is only done here to prevent your browser from recognizing it as HTML code thus display it as text for you to view.


      Lets have a look at some basic necessary Tags for your pages.

< html >
< head >
< title >< /title >
< /head >
< body >


< /body>
< /html>

      The first is the opening Tag < HTML > which is the first line of the script. This tells the browser that it is the start of HTML document. Its` closing tag < /HTML > appears at the end of the document.

      This is followed by the < HEAD > tag and its` closing < /HEAD > Between these tags is the tittle tag. Here also is were any META tags, background sound tags and some Java Script tags would placed.

      The title of your page is placed between the < TITLE > < /TITLE > Tags. The title for your page can help Search Engines rate you higher on a search, if the keyword used in the search is the same as one in your title. But keep your title short.

      The next Tag is the < BODY > This Tag may contain background information (image), font colors, onload instructions, link font colors, background color, etc. The body also requires a closing tag < /BODY >. It is between these body tags where most of the page building is done.

A Collection of Tags

This is just a small collection of code tags there are many more but I will cover only the most common ones.

< html >

< head >

< title > document title here < /title >

< meta name="generator" content="html editors name here" >
< meta name="resource-type" content="document" >
< meta http-equiv="refresh" content="10 ;url=http://?" >
< meta http-equiv="author" content="mr x" >
< meta http-equiv="description" content="short description of the page here" >
< meta http-equiv="keywords" content="keyword1, keword2, keyword3, and so on" >
< meta http-equiv="distribution" content="global" >
< meta name="copyright" content="mr x" >
< meta name="publisher" content="spider enterprises" >
< meta name="rating" content="general" >
< meta name="language" content="english" >
< meta name="robots" content="all" >
< meta name="revisit-after" content="30 days" >
< meta name="classification" content="club" >
< meta http-equiv="tittle" content="document title here" >
< meta http-equiv="pics-label" content='(pics-1.1"http://www.weburbia.com/safe/ratings.htm" l r (s 0))' >


< bgsound src="whatever.mid" loop="1" >

< !--Comments inserted here are not seen on the page-- >

< /head >

< body bgcolor="#6699ff" text="#000000" alink="#ff0000" vlink="#ff00ff" link="#0000ff" >

< !--Comments inserted here are not seen on the page-- >

< font color="green" face="arial" size="+1" >< u >< i >< b >< /b >< /i >< /u >< /font >

< table > < tr > < td >inside of table< /td > < /tr > < /table >

< img src="../pics/whatever.gif" width="49" height="29" border="0" alt="whatever.gif 406 Bytes" >

< a href="http://www.wherever.ca" >Description of link< /a >

< ul type="disc" >
LIST
< li >item 1< /li >
< li >item 2< /li >
< li >item 3< /li >
< li >item 4< /li >
< /ul >


< P >

< h1 > < /h1 >

< frameset rows="50%,50%" >
< frame name="frame01" src="page.html" marginheight="0" marginwidth="0" scrolling="auto" noresize longdesc="top" >
< frame name="" src="" marginheight="0" marginwidth="0" scrolling="auto" noresize >
< /frameset >


< noframes >
< a href="tobad" name="Frame Links to tobad" >Frame Link: tobad.html< /a >
< /noframes >


< form method="post" title="form01" action="mailto:myemail@www.wherever.ca" >
< input type="text" name="Enter Info here" size="30" maxlength="24" value="Please Enter Info here" >
< input type="radio" name="approve" value="yes" >
< /form >


< hr align="Center" size="1" >

< /body >

< /html >




      Do not be daunted, not all of these tags are necessary. I will breakdown and explain the tags, their variables and functions. Once you have a grip on a few tags you can start creating your pages. Have a look at this list of tags then click on the link on the bottom and first we will look at the font tag

About Fonts
Click here   Font  

Page III

This is page 3 of
Learning HTML