HTML – The On-line Language

• HTML (Hyper Text Markup Language)• Basic building block of any on-line page• Adds flexibility to programs such as WebCT

HTML – The Basics

• HTML is a mirrored code: most commands/ tags need a match (front & back)

<B>bold</B>

<U>underline</U>

<A HREF=“http://www.cnn.com”>cnn.com</A>

<I>italicize</I>

<CENTER>centered!</CENTER>

• . . . they also need two sets of quotes

HTML – The Basics

• Some instances do not need a match to work

<BR> <P>

<IMG SRC=“buddha.gif”>

• CAPITALIZE your HTML, or not?

• Keep it clear & clean; it’s easier to decipher!

• If it does’t work, look for common mistakes!

HTML – The Basics

• How do I create a link?

• How do I insert an image?

<A HREF=“http://www.cnn.com”>cnn.com</A>

<IMG SRC=“casa.jpg”>

<IMG SRC=“2_2_buddha.gif”>

<A HREF=“http://www.yahoo.com”>Yahoo!</A>

HTML – The Basics

• How do I link an image? LINK + IMAGE

<A HREF=“http://www.cnn.com”> +<IMG SRC=“ikebana.gif”> + </A>

I am linked now! But I will ALWAYS have a

border!

<IMG SRC=“ikebana.gif” BORDER=“0”>

<IMG SRC=“ikebana.gif” BORDER=“2”>OR

No Need To Reinvent the Wheel!

• I want to wrap text, create cool layouts, HOW?

T A B L E S ! ! !<TABLE><TR><TD>Content</TD></TR></TABLE>

• TR = table rows, as many as you want!• TD = in the rows, as many as you want!• You can insert images, text, colors in the TD

No Need To Reinvent the Wheel!

There is a lot you can learn, and borrow, from existing websites . . .

• If you want to use an existing image/graphic

No Need To Reinvent the Wheel!

There is a lot you can learn, and borrow, from existing websites . . .

• If you want to see how something is done