Search this page
  

HTML is a language for describing web pages.

  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages

DHTML Dynamic Hyper Text Markup Language

DHTML is a combination of HTML, CSS, and JavaScript. DHTML is used to create dynamic and interactive Web sites.

Meta Tags Explained! 

<title> - This is your page title.  It is usually the first line in any search engine listing.  Use KEYWORDS in your title!

    <title>Your page title - up to 75 characters!</title>

 

<META NAME = "Description" - This is your page description.  It usually displays as your description in any search engine listing.  Some search engines (Google, etc...) use the first or most keyword rich line of your page itself.

    <META NAME="Description" CONTENT="Describe with lots of keywords.  150-200 characters.">

 

<META NAME = "Keywords" - List a ton of words and phrases that someone might type into a search engine or index to find your site.  Try to limit the length to about 874 characters or spaces.  One note:  Everyone says you should separate the keywords or phrases by commas.  Do this.  What everyone doesn't say is, some search engines will actually count the space before the keyword if you put a space after the comma.  We suggest not putting a space after the comma.  Also, some search engines and indexes will penalize you if a keyword is repeated more than 3 times.

    <META NAME="Keywords" CONTENT="Keywords.  What will people type to find your page.  874 characters">

 

<META NAME="ROBOTS" - This is your robots tag.  Search Engines use robots to index your site.  This will tell them its OK to continue.

    <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">

 

<META NAME="Revisit-after" - This will ask the search engines to visit again in a specified time.  Does this work?  Who knows but if it does...

    <META NAME="Revisit-after" CONTENT="21 days">

 

<meta name="rating" - This allows you to rate your web site.  Some search engines and indexes use this tag.  Example:  If you have an adult site without this tag specifying "adult", you will not be listed.

    <meta name="rating" content="general">

 

<meta name="MSSmartTagsPreventParsing" - Microsoft has just started adding a new feature in their new software.  These are known as Smart Tags.  This will make any word on your site appear as an unwanted hyperlink.  Mr. Gates will just steal your traffic, scooting them away to one of his sites.  Come on, Bill, let us have one small piece, huh?  Thankfully, we all dodged a bullet with the recent release of Windows XP.  They removed the Smart Tags before its release but they are most certainly in our future.  Some software actually supports Smart Tags already.  To stop this traffic thievery, just insert the prevent Smart Tags meta tag in each page.  Its below

    <meta name="MSSmartTagsPreventParsing" content="TRUE">

 

Well, these are the ones that are important right now.  So, basically, just add these to the existing meta tags.  In html view, put a space under your top <head> tag and add each line.  Or select your editors advertising lines and paste these over them.  Use the template below.  Just copy and paste this into a text editor (word or notepad will do).  Tailor the info to your site, then copy and paste again between your sites <head> tags.  note:  change only the text between the asterisks, including the asterisks (**).


<title>**60 characters**</title>
<meta name="Description" CONTENT="**150 characters**">
<meta name="Keywords" CONTENT="**874 characters**">
<meta name="ROBOTS" CONTENT="INDEX, FOLLOW">
<meta name="Revisit-after" CONTENT="21 days">
<meta name="rating" content="general">
<meta name="MSSmartTagsPreventParsing" content="TRUE">

 

 

Bold
<b>This text is bold</b><br />                                     This text is bold                     

Strong
<strong>
This text is strong</strong><br />                    This text is strong

Big
<big>
This text is big</big><br />                                   This text is big

Emphasized
<em>
This text is emphasized</em><br />                      This text is emphasized

Italic
<i>
This text is italic</i><br />                                       This text is italic

Small
<small>
This text is small</small><br />                         This text is small

Teletype
<tt>
This text is teletype</tt><br />                                This text is teletype

Sub Scrip
This text contains <sub>subscript</sub><br />             This text contains subscript

Super Scrip
This text contains <sup>superscript</sup>                     This text contains superscript

Definition
<dfn>Definition term</dfn><br />                                   Definition term

Computer Code
<code>Computer code text</code><br />                    
Computer code text

Sample
<samp>Sample computer code text</samp><br />         
Sample computer code text

Keyboard
<kbd>Keyboard text</kbd><br />                                 
Keyboard text

 Variable
<var>Variable</var><br />                                              Variable

Citation
<cite>Citation</cite>                                                        Citation

Comment
<!--
This is a comment. Comments are not displayed in the browser-->

Document Type
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

The doctype declaration should be the very first thing in an HTML document, before the <html> tag.

The doctype declaration is not an HTML tag; it is an instruction to the web browser about what version of the markup language the page is written in.

The doctype declaration refers to a Document Type Definition (DTD). The DTD specifies the rules for the markup language, so that the browsers can render the content correctly.
 

HTML version information

A valid HTML document declares what version of HTML is used in the document. The document type declaration names the Document Type Definition (DTD) in use for the document (see [ISO8879]).

HTML 4.01 specifies three DTDs, so authors must include one of the following document type declarations in their documents. The DTDs vary in the elements they support.

The HTML 4.01 Strict DTD includes all elements and attributes that have not been deprecated or do not appear in frameset documents. For documents that use this DTD, use this document type declaration: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

The HTML 4.01 Transitional DTD includes everything in the strict DTD plus deprecated elements and attributes (most of which concern visual presentation). For documents that use this DTD, use this document type declaration:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd">

The HTML 4.01 Frameset DTD includes everything in the transitional DTD plus frames as well. For documents that use this DTD, use this document type declaration:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"        "http://www.w3.org/TR/html4/frameset.dtd">


Anchor
The <a> tag
defines an anchor. An anchor can be used in two ways:

1.       To create a link to another document, by using the href attribute

2.       To create a bookmark inside a document, by using the name attribute

External Link
<a href="http://www.google,com.au">Google's Web site!</a>                  Google's Web site!

Internal Link
<a href="#A1">

By default, links will appear as follows in all browsers:

  • An unvisited link is underlined and blue

  • A visited link is underlined and purple

  • An active link is underlined and red

 An abbreviation is marked up as follows:
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

The WHO was founded in 1948.  When the word 'WHO' is moused over a text box with the full wording is displayed.

An acronym is marked up as follows:
Can I get this <acronym title="as soon as possible">ASAP</acronym>?

Can I get this ASAP.  When the word 'ASAP' is moused over a text box with the full wording is displayed.


Address

<address>
Barry Miller<br />                             Barry Miller
123 Beach Road<br />                                     123 Beach Road
Long Beach NSW 2536<br />                         Long Beach NSW 2536
Phone: (02)7472-7079</address><br />          Phone: (02)7472-7079

In all browsers, the content of the address element renders in italic. Most browsers will also add a line break before and after the address element.

Applet

<applet>
The applet element is deprecated.
To include applets, use the <object> tag instead!

 Map
<img src="images/Drawing1.jpg" width="752" height="594" alt="Transport" usemap="#Transport" />

<map
name="Transport">
            <area shape="rect" coords="35, 0, 416, 313" alt=" Car " href="Hotrod.htm" />
            <area shape="rect" coords="416, 6, 750, 308" alt=" Motobike " href="Motobike.htm" />
            <area shape="rect" coords="48, 314, 341, 593" alt=" Ship " href="Ship.htm" />
            <area shape="rect" coords="419, 309, 750, 593" alt=" Aeroplane " href="Aeroplane.htm" />

</map>

The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas).
The area element is always nested inside a <map> tag.

Note: The usemap attribute in the <img> tag is associated with the map element's name attribute, and creates a relationship between the image and the map.

 Basefont
<head>
<basefont color="red" size="5" />
</head>

The <basefont> tag specifies a default font-color, font-size, or font-family for all the text in a document.
The <basefont> tag is only supported by Internet Explorer, and should be avoided!

Bi directional Override
<bdo
dir="rtl">Here is some Hebrew text!</bdo>              txet werbeH emos si ereH
bdo
stand for bidirectional override.
The <bdo> tag allows you to specify the text direction and override the bidirectional algorithm.

Blockquote
Here comes a long quotation:

<blockquote>

Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.
</blockquote>

The <blockquote> tag defines a long quotation.

A browser inserts white space before and after a blockquote element. It also insert margins for the blockquote element.

Here comes a long quotation:
            This is a long quotation. This is a long quotation. This is a long quotation.
            This is a long quotation. This is a long quotation.

 Notice that a browser inserts white space before and after a blockquote element. It also insert margins for the blockquote element

 Button
<button type="button">Click Me!</button>                 
Type = button, reset or submit

Caption
<caption>Name & Address</caption>
The <caption> tag defines a table caption.
The <caption> tag must be inserted immediately after the <table> tag. You can specify only one caption per table. Usually the caption will be centered above the table.

Center
<center>This text will be centered.</center>

Col  Colums in Table
The <col> tag defines attribute values for one or more columns in a table.
The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.

Frame
The <frame> tag defines one particular window (frame) within a frameset.
Each frame in a frameset can have different attributes, such as border, scrolling, the ability to resize, etc.
<frameset cols="25%,*,25%">
      <frame src="frame_a.htm" />
      <frame src="frame_b.htm" />
      <frame src="frame_c.htm" />
</frameset>

iframe
inline
frame
The <iframe> tag defines an inline frame that contains another document.
<iframe src ="html_intro.asp" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>

The IFRAME element allows authors to insert a frame within a block of text. Inserting an inline frame within a section of text is much like inserting an object via the OBJECT element: they both allow you to insert an HTML document in the middle of another, they may both be aligned with surrounding text, etc.

The information to be inserted inline is designated by the src attribute of this element. The contents of the IFRAME element, on the other hand, should only be displayed by user agents that do not support frames or are configured not to display frames

 

The above information was compiled using information from:-
 http://www.w3schools.com
http://www.w3.org