Get Organized
Basic HTML Structure
Formatting Text
Lists
Images, Links & Tables
Sound & Video
Frames Tutorial
HTML <TAG> Dictionary
HTML Colour Chart
HTML Error Chart
HTML Questions & Answers
Back to Southbrook
Images: <IMG SRC="imagename.gif"> With this tag you can display any image or gif animation on your web page.
Attributes: alt, align=(center, left, right), hspace, vspace, border, width & height
Example: <IMG SRC="picture.gif" alt="My Dog" width=200 height=100>
<IMG SRC="picture.gif" hspace=10 vspace=5 align=right border=2>
Links: <A HREF="newpage.htm">Click Here</A> This creates a link to another page. The text between the <A> and </A> will be underlined. By using the # sign you can link to a certain spot on a page. You must define this with the <A NAME="any_name"></A>
Examples:
<A HREF="newpage.htm">Click Here</A> Creates a link to another page.
<A HREF="MAILTO:someone@somewhere.com">Click Here</A> Creates a link to an e-mail address.
<A HREF="#products">Click Here</A> Creates a link to a certain spot on the page.
<A HREF="newpage.htm#products">Click Here</A> Creates a link to a certain spot on another page.
<A HREF="newpage.htm"><IMG SRC="picture.gif"></A> Creates a link using a picture.
Tables: <TABLE><TR><TD> </TD></TR></TABLE> These tags combine to form a table. All tags must have a start & ending tag to work properly. If you want 3 rows in your table, you will have to have 3 <TR> tags with corresponding </TR> tags.
<TABLE> Starts the table.
<TR> Table Row
<TD> Table Cell
Attributes: align, valign, bgcolor, cellpadding, cellspacing, border, width, and others.
Tables are by far (in my opinion) the most useful tag in HTML. If you don't know tables, your web pages will be greatly limited on how you display your information. They are a simple concept, but require practice to get them to behave like you want them to. If you want a table with 2 rows & 3 columns in each row, just make sure you have 2 <TR> tags and 2 </TR> and 3 <TD> and </TD> tags in each row. Just remember to end all of your tags. If you have a <TD> make sure you end the </TD> before you start any other rows or columns.
