HTML sampler page

CONTENTS:

HTML guides on the WWW

Code that every page needs

The following 8 lines are the code you need for "every" page - HTML TITLE BODY ETC. Following the code is an annotated example.

< HTML >

< HEAD >

< TITLE >

< /TITLE >

< /HEAD >

< BODY >

< /BODY >

< /HTML >

< HTML > Starting an html document.
< HEAD > Starting the header section.
< TITLE > The title of the page - what shows up when you bookmark it.
< /TITLE > End of title.
< /HEAD > End of header
< BODY > Start the body of your page.
This is where the content of the document goes.
< /BODY > End of body.
< /HTML > End of document.

COLOR

Background color can be defined by code such as those listed below.
Use the format < BODY BGCOLOR="" > for example < BODY BGCOLOR="FFFFFF" >.
To use "wallpaper" (a graphic) for your background color use the format
< BODY BACKGROUND="#" > for example < BODY BACKGROUND="silver.jpg" >.
You can also say < TEXT COLOR="FFFF00" > or < LINK COLOR="FFFF00" >

HERE IS A LINK TO A SITE WITH LOTS OF COLOR CODES!

IMAGES

The following line is a "hard rule" created with the code < HR >
The line below is HR SIZE=10 ALIGN=LEFT NOSHADE WIDTH=50%
The line below is HR SIZE=15 ALIGN=RIGHT NOSHADE WIDTH=75%
Images use the format < IMG SRC="#" align=left/right/or center >. The graphic image to the right is
< IMG SRC="usaf.gif" align=right >
This image has the TSU link built into it. The code is < A HREF = "http://www.tsufl.edu/" > < IMG SRC = "logobut2.gif" border=0 >
This image has the TSU link built into it. It has a border. The code is < A HREF = "http://www.tsufl.edu/" > < IMG SRC = "logobut2.gif" >

TEXT

This has the E-mail code built in. The code is
< A HREF="mailto:[email protected]" > [email protected] < /A > [email protected]

This line uses the BLINK code . the format is
< BLINK > the text you want to blink < /BLINK > 

This    text       uses the PRE   c o  d   e.
Mary 
      had 
        a little lamb whose fleece was white as snow.
< PRE > text < /PRE > is the format.  It
prints the text with any spaces and returns you type.

This uses the TT "typwriter" code. It looks like PRE typeface but does not force its layout.

This uses the "address" code - nice typeface.

This uses the "blockquote" code. It looks a little different than TT.

I am using the "cite" format. Looks like the address style to me.

Obviously this uses B bold, U underlined, and I italics features.

Code is supposed to be used for computer code. It looks like TT to me.

EM looks like this. This is I for comparison.

This is the STRONG emphasis.

This is KBD keyboard typeface

This is the sample SAMP style.

HEADERS take the format < H1 > text < /H1 >
Six sizes are avilable. Here are some samples.

H size 1

H size 2

H size 3

H size 4

H size 5
H size 6

LISTS

This is code for a definition list which follows.
< dl >
< dt > Oranges
< dd > A reddish yellow tropical fruit about the size of an apple. A member of the citrus fruit family. In the United States, oranges are grown primarily in the states of Florida and California.
< dt > Apples
< dd > Technically a pome, apples are an orange-sized fruit, usually in varying shades and mixtures of red, yellow, and green. In the United States, apples are grown primarily in the northern states, near bodies of water.
< /dl >

Here is the list that the code above makes...

Oranges
A reddish yellow tropical fruit about the size of an apple. A member of the citrus fruit family. In the United States, oranges are grown primarily in the states of Florida and California.
Apples
Technically a pome, apples are an orange-sized fruit, usually in varying shades and mixtures of red, yellow, and green. In the United States, apples are grown primarily in the northern states, near bodies of water.

This is code for an ordered list which follows. It uses the < ol > (ordered list) tag. It does the numbering! The format is:
< ol >
< li >Brush my teeth
< li >Comb my hair
< li >Eat breakfast
< /ol >

Here is the list that the code above makes...

  1. Brush my teeth
  2. Comb my hair
  3. Eat breakfast

This is code for the bullet list which follows. It uses the < ul > (unordered list) tag. The format is:
< ul >
< li >Sox
< li >Shoes
< li >Ties
< /ul > Here is the list that the code above makes...
This page hosted by Get your own Free Home Page
Hosted by www.Geocities.ws

1