Helpful HTML Tags
Essential Tags
|
<HTML> </HTML> |
Indicates an HTML Document |
|
<Head> </Head> |
Used for the title and other document header information |
|
<Title> </Title> |
Indicates the title for the title bar |
|
<Body> </Body> |
Indicates the beginning and ending of the Web Page body |
Formatting Tags
|
<B> </B> |
Bolds the Text in between the two tags |
|
<I> </I> |
Italicizes the text in between the two tags |
|
<U> </U> |
Underlines the text in between the two tags |
|
<S> </S> |
Puts a line through the text |
|
<Center> </Center> |
Centers the text in between the two tags |
|
<Font Size=#> </Font> |
Changes the size of the font which ranges from 1 to 7 |
|
<Font Color="#00ff00"> </Font> |
Changes the color of the font in between the two tags |
Backgrounds and Colors
Each of these tags such as Text, link, Vlink, and Alink all will go in the same <Body>.
|
<Body Background="filename.jpg" </Body> |
Creates a background that is a graphic and is tiled |
|
<Body Bgcolor="#00ff00"> </Body> |
Places the RGB hexagonal color in as the background |
|
<Body Text="#00ff00"> </Body> |
Changes the text color for the whole Web page |
|
<Body link="#00ff00"> </Body> |
Changes the color of a link |
|
<Body Vlink="#00ff00"> </Body> |
Changes the color of a visited link |
|
<Body Alink="#00ff00"> </Body> |
Changes the color of an active link |
Dividers
|
<P> </P> |
Creates a return and a blank line after the closing tag. |
|
<P align="left/right/center"> </P> |
Aligns the paragraph between the two tags |
|
<BR> |
Creates a blank line where the tag is positioned |
|
<HR> |
Creates a line divider where the tag is positioned |
|
<HR Size=#> |
Sizes the thickness of the line divider using pixels |
|
<HR Width=%> |
Sizes the line as a percentage of the page width |
|
<HR Noshade> |
Gives a solid line which takes a 3D cutout look |
Lists
|
<UL> </UL> |
Creates a List the uses bullets |
|
<UL Type="Disc/Circle/Square"> </UL> |
Creates a list with the appropriate bullet |
|
<OL> </OL> |
Creates a list that is numbered |
|
<OL Type="1/I/i/A/a"> </OL> |
Creates a list with the appropriate number system |
|
<LI> |
Creates a bullet or a Number in your list |
Links
|
<A HREF="Web Address">Click Here</A> |
Creates a link to a web site |
|
<A Href="filename.ext">Click Here</a> |
Creates a link to another document |
|
<Img Src="filename.ext"> |
Inserts a picture on your web page |
|
<A href="web address"><Img Src="filename.ext"></A> |
Inserts a picture to your web page which you can click on to take you to a web page |
|
<Embed Src="filename.ext"> |
Puts an object such as a sound or video file into your web page |
Tables
|
<Table> </Table> |
Creates a table in between the two tags |
|
<Table Border=#> </Table> |
Gives the table a border size |
|
<Table Cellspacing="#"> </Table> |
Creates space in between the cells |
|
<Table Cellpadding="#"> </Table> |
Creates space within the individual cells |
|
<Table Width="%"> </Table> |
Sets the table width as a percentage of the page |
|
<Table Width="#"> </Table> |
Sets the table width using pixels |
|
<TR> </TR> |
Creates a Row in a Table |
|
<TD> </TD> |
Creates a cell for data in each row of the table |
|
<TD Colspan="#"> |
Sets the number of columns a row is to span |
|
<TD Rowspan="#"> |
Sets the number of rows a column is to span |
|
<TH> </TH> |
Same as the <TD> except the data is bold and centered |
|
<TH Align=left/right/center> |
Aligns the Table Header |