V:210.496.0678  e-mail: sdunn@susandunn.cc

 

 

 

 

 

 

 

HOME    

FUN
STUFF

The EQ
Store

Free
E-cards

Golden
Web
Award

Affirma-
tions

just for
you!

Motivation
Quote
free
screen
saver

Free on-
line
greeting
cards

 

 

An html Primer

INTRO

These are called tags:  "<" and ">" and they mean to do something.  For instance, the <b> tag says to start making the text bold.  The tag with the slash </> tells you to stop doing something and is called the closing tag.  

Some opening tags require a closing tag and some don't!  

<B>Make this text bold</B>
^^^^opening tag                  ^^^^closing tag

You have to put the closing tag "</B>" in order to stop making the text bold.  Here are two pieces of html code.  The first one is done correctly.  The second one shows what happens when you don't remember to put the slash  </> in the closing tag.

That is a very BOLD statement.  So if you want to know...
That is a very <b>BOLD</b> statement.
                             
^^^opening tag  ^^^closing tag

That is a very TIMID statement.  So if you want to know...
That is a very <b>TIMID<B> statement.

You can see that the second code, the closing tag doesn't have a slash </> so it keeps on making everything after that bold, and that's not what you want to have happen!

That's something to watch out for.  

Tags in html aren't case sensitive.  So you can write <B>xxxx</B> or <b>xxxx</b>.

 

PARAGRAPHS

The way to denote paragraphs is <P>xxxx</P>.

Here is an example:

<P>When you're writing an article or a story, you will naturally want to use paragraphs.  When you do, be sure and use the proper html code tags.<P>

 

ITALICS

Here is the code for italics:  <I>xxxx</I>

I am very excited to be learning html code!
I am <I>very</I> excited to be learning html code!

 

UNDERLINING

Want to write the name of a book or to underline something?  Here's what you do.

The name of the book is How to Write Simple HTML Code.
The name of the book is <U>How to Write Simple HTML Code</U>.

Again, always remember to use the slash </> at the end.

 

ENDING ON A LINE

These are the tag lines for ending a line:  <BR>

Example WITH line Break:

Line One.
Line Two.
Line Three.

Here's how you write it:

Line One. <BR>
Line Two. <BR>
Line Three. <BR>

Here's what it would look like if you don't use the <BR> tags.  It would all run together.

Line One.  Line Two.  Line Three.

You don't need a closing tag for this one.

 

LINKS

You need to know how to make a link.  To make a link you use <a href="URL"> for the opening tag and </A> is the closing tag. What appears between those tags will appear as a link -- underlined and colored.

Example of a link...

Visit Susan's Site!

Visit <a href=http://www.susandunn.cc>Susan's site</A>

This is very handy to know for your article bylines.

IMAGES

<img src=http://www.susandunn.cc/images/susaninstripe1.JPG WIDTH=200 HEIGHT=50 ALT=Susan's photo>

 

 

EMAIL LINK

Example of a Mailto: Link...

Send email to me [Susan]!

Send email to <a href="mailto:sdunn@susandunn.com">me [Susan]</a>

 

CENTERING

This is an easy one.  The opening tag is <CENTER> and the closing tag is </CENTER>.

<center>Chapter 2</center>  would look like this:

Chapter 2

 

BULLETS?

Here's how you make bullets.  At the beginning of the line, write <LI>

To make this:

  • Point one

  • Point two

  • Point three

<LI>Point one
<LI>Point two
<LI>Point three

You can go a long way just knowing these few html codes.  

Should you really want to get into html code, and maybe practice a little on the web, here's a great website: http://www.davesite.com/webstation/html/index.shtml 

 
EQ Global Enterprisesİ, Susan Dunn, M.A.
210.496.0678
sdunn@susandunn.cc