| Page Structure |
Text Formatting|Table Structure|Links with Anchor Tag|Adding images|Colors |
<html>...</html> |
The HTML document is composed within this Tag |
<head>...</head> |
The head or introductory of the HTML document |
<title>...</title> |
Specifies the document title. It usually will appear in the upper window bar |
<body>...</body> |
Contains the content of the document that will be displayed in a browser window |
bgcolor="..." |
Sets the background color. Use the safe colors represented in hexadecimal code |
Bckground="..." |
The value here is a filename of an image that will fill the background area |
text="..." |
Normal text color is specified here, use a hexadecimal code for the value |
link="..." |
Unvisited links will have the color specified here with a hexadecimal code |
alink="..." |
Links on click will have the color specified here with a hexadecimal code |
vlink="..." |
Followed links will have the color specified here with a hexadecimal code |
| Text Formatting |
Page Structure|Table Structure|Links with Anchor Tag|Adding images|Colors |
<h1>...</h1> |
Headings, six in all, h1 through h6 with h1 being the most prominent |
<p>...</p> |
Creates a paragraph (note: a browser ignores any linefeeds or carriage returns) |
align="..." |
Sets alignment; values = left, center, or right (use with heading or paragraph) |
<br> |
This tag is used to force a line break |
<ul>...</ul> |
Creates an unordered or bulleted list |
<ol>...</ol> |
Creates an ordered list. List items will be in numerical order |
<li>...</li> |
Defines a list item. Used within an unordered or ordered list |
<i>...</i> |
Text within tags will be italicized |
<b>...</b> |
Text within tags will be boldface |
<basefont> |
Sets the default text formatting with following attributes and values |
size="..." |
Specifies a font size from 1 to 7, with 1 being the smallest and 7 the largest |
face="..." |
Sets a font face by name like Arial, Helvetica, or Futura |
color="..." |
Specifies the font color; use a hexadecimal code for the value |
<font>...</font> |
Text within tags will change from the default settings using the above attributes and values |
| Table Structure |
Page Structure|Text Formatting|Links with Anchor Tag|Adding images|Colors |
<table>...</table> |
Creates a table |
width="..." |
Table width can be specified in pixels or as a % |
align="..." |
Value options = left,center and right. Specifies table placement |
border="..." |
Specifies border width in pixels. "0" = no border |
cellspacing="..." |
Specifies spacing between the cells in pixels. |
cellpadding="..." |
Specifies spacing within the cell in pixels. |
bgcolor="..." |
Specifies the background color of the table use a hexadecimal |
<tr>...</tr> |
Table row defines a row containing cells |
align="..." |
Aligns content horizontally, values = left, center, or right |
valign="..." |
Aligns content vertically, values = top, middle, bottom, or baseline |
<td>...</td> |
Table data creates a cell to receive content |
colspan="..." |
Specifies the number of columns a cell will span |
rowspan="..." |
Specifies the number of rows a cell will span |
| Links with Anchor Tag |
Page Structure|Text Formatting|Table Structure|Adding images|Colors |
<a>...</a> |
Defines a link. The text between the tags will display as an underlined link |
href="..." |
Hypertext reference or hyperlink value = the URL of the document to be linked to |
name="..." |
Sets an anchor location in a document to be linked to by name, value = a name |
href="#..." |
Hyperlink within a page to the anchor you set with the name attribute |
href="...#..." |
Hyperlink to an anchor in a different page, value = the URL#anchor name, this will load the page with the text between the anchor tags at the top of the screen |
| Adding images |
Page Structure|Text Formatting|Table Structure|Links with Anchor Tag|Colors |
<img src="..."alt="..."> |
Loads image in document. The src = the URL of the image. The alt = an alternative description that will display in a box if you place the mouse over the image, it will also display in browsers that do not support images |
height="..." |
Specifies image height in pixels |
width="..." |
Specifies image width in pixels |
align="..." |
Image alignment Value options = left, center and right |
