Body Tags

Tags normally have a start and end, the end is denoted using a /, (example <tag> content </tag>),
there are some exceptions to this rule.
Tags are not case sensitive, but its useful if you use uppercase, as it will make your coding easier to read.

<BR> line break, (no closing tag).

<CENTER> This will center any thing between the start and end tags </CENTER>

<P> paragraphs The paragraph element requires a start tag, but end tag is optional, (good practice to close it). </P>
<P> can also use the ALIGN attribute as is explained in <DIV>

<DIV> Requires start and end tags. This with the ALIGN attribute will align text according to ALIGN setting LEFT, CENTER, RIGHT. </DIV>.

Examples
<DIV ALIGN="left">all left ALIGNED</DIV>

<DIV ALIGN="center">all center ALIGNED</DIV>

<DIV ALIGN=right">all right ALIGNED</DIV>

Top

<HR> horizontal rule , attributes are ALIGN, NOSHADE, SIZE and WIDTH .

---

Inserting a image, the example below shows how to add images.

Example
<IMG src="images/leeann.gif" width="73" height="58">
images is the folder where image is stored on site. do not forget to add / between.. images/leeann.gif or you will get the dreaded X, because it will be looking for imagesleeann.gif as name of image.
leeann.gif is the name of image.
width="73" is the width of image.
height="58" is the height of image.

Top

Making a Hyper Link

Example
<A href="bodytag.html"><IMG src="images/leeann.gif" width="73" height="58" border="0"></A>
we use the same IMG tag with a new attribute border="0" this stops that box that appears around a image when you use it as a link, now wrap it in a little more code, <A href="bodytag.html"> this tells browser that <IMG src="images/leeann.gif" width="73" height="58" border="0"> is a Link, then at the end is the closing tag </A> forgetting to add the closing tag will make everything after
<A href="bodytag.html"> a Link.

To make it a Link to another site we alter the <A href="bodytag.html"> to <A href="http:www.delta-knight.com"> where "http:www.delta-knight.com" is the address of this site.
<A href="http:www.delta-knight.com"><IMG src="images/leeann.gif" width="73" height="58" border="0"></A>

We could just make a text Link.
Remove <IMG src="images/leeann.gif" width="73" height="58" border="0">
and insert some text in its place, I have used Click Here.
<A href="bodytag.html">Click Here</A>
Click Here

Top

Target Attributes Purpose

Example
<A href="bodytag.html" target="_blank">Click Here</A> Loads the new Page in a new blank window

<A href="bodytag.html" target="_self">Click Here</A>Loads the new page in the same window as the anchor (default)

<A href="bodytag.html" target="_parent">Click Here</A> Loads the new page in the parent frame (when using frames)

<A href="bodytag.html" target="_top">Click Here</A> Loads the new page in the entire browser window (nice way to break out of frames)

May also be used to point to specific frames using target="frame name" notice there is no leading underline _ used with frame name

Top

Making a E-mail link

Example
<A href="mailto:webmaster@delta-knight.com">E-mail Me</A>

E-mail Me A plain text E-mail Link

<A href="mailto:webmaster@delta-knight.com"><IMG src="images/mail.jpg" width="94" height="23" border="0"></A>

E-mail link using a graphic

We have already used all the tags and attributes in making a link
Now we have a new attribute
mailto:
when clicked it tells browser to open your E-mail client
"mailto:webmaster@delta-knight.com" you must include the : between "mailto:webmaster"

YOU must change webmaster@delta-knight.com For Your email address