Basic+Tags

Basic HTML Tags:
General Format of Tags:
 * Open a tag < >
 * Close a tag 

Common Mistakes:
> Absolutely > ==no spaces in the name of folders, pages, or images==
 * save the files to the right place
 * images and pages need to be in the same folder
 * name files 7 letters or less
 * ====

Basic Tags- All pages need these

 * || What the tag does ||
 * || Tells the browser that this is an HTM document ||
 * || Includes information about the document. Will not be displayed in the body of the page ||
 * || this information is found in the blue title window of the browser. Also will appear in search engines ||
 * || starts the information that will be displayed on the web page ||

Tags for Formatting the Page Layout

 * , || new paragraph- double spaced ||
 * , || break- single space ||
 * , || Heading- will bold and center text. Numbers from 1 (largest) to 7 (smallest) ||
 * || Horizonal line ||
 * , || center (of course) ||
 * ,  || Bold ||
 * ,  || Italics ||

Color and Font
Note: this should replace the body tag || Note: the image needs to be in the same folder as the page Note: this should replace the body tag || Note: the image needs to be in the same folder as the page ||
 * || background color with the x's being a color (red) or a hexidecimal number representing a color
 *  || background picture with the x's being the name of the picture and the kind of file (jpg, gif)
 *  || inserts an image with the x's being the name of the image and the kind of file (jpg, gif)
 * , || changes the color of your font where the x's a color or a hexidecimal number representing a color ||
 * , n || changes the font style ||
 * , || changes the size of the font ||

Linking pages together
Note: all pages and images must be in the same folder to link ||
 * ,text || links to an external page- one that is on the internet (line amazon.com) ||
 *  text || links to pages in the folders
 *  text || link to email address ||

Tables

 * || opens and closes a table ||
 * || adds a background color to the table ||
 * || adds a background picture to your table ||
 * || adds a border to a table withxx being the width of the table in pixals ||
 * || adds color to the background of a table ||
 * , || table row ||
 * , || cell ||

Lists

 * ,  || Unordered list - with bullets ||
 * ,  || ordered list- with numbers ||
 * ,  || list item ||

Multimedia

 * image || (could be gif, bmp, etc) ||
 * sound || <embed src="musicfile.mp3" autostart="true" loop ="false" width="350" height="20"> ||
 * video - Apple || <embed src="htmlexample.mpeg" autostart="false" width="350" height="200"> ||
 * video - Microsoft || <embed src="htmlexample.wmv" autostart="false" width="350" height="200"> ||