HTML Reference Chart: Basic Structure Elements

HTML Code Reference Chart: Basic Structure Elements

HTML Tag	Attributes	What it does...

<html>...</html>	- - -	Begins an HTML document and encloses the entire page.
<head>...</head>	- - -	Encloses the head section of an HTML document.
<title>...</title>	- - -	Encloses the title of the HTML document and is placed within the <head> section.
<meta>		Meta tags are used in the HEAD section of the page to provide information about the document.
	name=ФЕФ	Defines the type of meta tag it is. Examples: keywords, description. Must include the content="..." attribute as well, so this type of meta tag will always have two sets of attributes and values, the name attribute and the content attribute.
<body>...</body>		Encloses the body of an HTML document. The content of the body, minus the HTML code, is what you see on a page.
	background=ФЕФ	The URL of the image to tile as the web page background.
	bgcolor=ФЕФ	Sets the background color of the page.
	text=ФЕФ	Sets the text color of the page.
	alink=ФЕФ	Sets the active link color of the page.
	vlink=ФЕФ	Sets the visited link color of the page.
<p>		Paragraph. Creates a double-line break. A cancel tag is optional.
	align=ФЕФ	Aligns the content within the paragraph. Values are left, right, center, and justify. (Justify is an unofficial value, but it works in most browsers.)
<br>		Break. Creates a single line break. No cancel tag is used.
	clear=ФЕФ	Causes text to stop flowing around images when an align attribute with a left or right value is used with the image. Values are left, right, and all.
<nobr>Е</nobr>	- - -	Causes text not to wrap to the next line. Often causes the browser to have a horizontal scrollbar.
<a>...</a>		Used with href or name to create links.
	href=ФЕФ	Hypertext reference, a link attribute, the value is the URL of the file to be retrieved.
	name=ФЕФ	The name of an anchor point.
	title=ФЕФ	The name or title of the linked file.
	target=ФЕФ	The frame name or window the link should appear in. When used with _blank it opens the link in a new window.
<ol>Е</ol>		Creates an ordered list.
	type=ФЕФ	Defines the list labels. Possible values are A, a, I, i, and 1.
	start=ФЕФ	The label value to start the list. Default (if no value is set) is the lowest value (such as 1), but you can pick up a previous list where it left by using a higher value (such as 5, 12, F or xii).
<ul>Е</ul>		Unordered (bulleted) list.
	type=ФЕФ	The style of bullet to use; values are circle, disk, and square.
<table>Е</table>		Creates a grid of rows and columns. This chart is built using a table.
	cellpadding=ФЕФ	The space between the edge of a table cell and the cell contents, measured in pixels.
	cellspacing=ФЕФ	The space between the table cells, measured in pixels.
	width=ФЕФ	The width of the table, measured in pixels or page percentage.
	border=ФЕФ	The width of the table border, measured in pixels.
	align=ФЕФ	Horizontal alignment of the table. Values are left, right, and center.
	valign=ФЕФ	Vertical alignment of content within the table.
	bgcolor=ФЕФ	The background color of all cells that do not have their own color or background image specified.
	background=ФЕФ	The URL of a background image to tile in all the cells that do not have their own background color or image specified.
<tr>Е</tr>		Starts a table row.
	align=ФЕФ	Sets the horizontal alignment for content in the row. Values are left, center, right, and justified.
	valign=ФЕФ	Sets the vertical alignment of content for the row. Values are top, middle, bottom, and baseline.
	bgcolor=ФЕФ	The background color of all cells in the row that do not have their own color or background image specified.
	background=ФЕФ	The URL of a background image to tile in all the cells in the row that do not have their own background color or image specified.
<th>Е</th>		Sets a table heading cell. Text is rendered in bold.
	align="..."	Sets the horizontal alignment for this cell. Values are left, center, right, and justified.
	valign="..."	Sets the vertical alignment for this cell. Values are top, middle, bottom, and baseline.
	rowspan="..."	Sets the number of rows the cell will span.
	colspan="..."	Sets the number of columns the cell will span.
	width="..."	Sets the width of the cell. Measured in pixels or page percentage.
	bgcolor="..."	The background color of the cell.
	background="..."	The URL of a background image to tile in the cell.
<td>...</td>	Same attributes as <th>	Sets a table data cell.
<img>		Places an image into a document. No cancel tag is used.
	src="..."	The URL to the image.
	width="..."	The width of the image, measured in pixels.
	height="..."	The height of the image, measured in pixels.
	align="..."	The alignment of the image. If set to left or right, text will flow beside the image. All other values (top, middle, bottom) determine vertical alignment with other content on the same line.
	alt="..."	Alternative text for browsers that do not support graphics or have graphics turned off.

Note: There are many more HTML tags than this, these are just the basics. For an in-depth HTML reference chart consider joining the members site. [ Learn More ]

Here are some of the benefits members receive:

More tutorials.
Free software and ebooks.
Expanded reference charts.
Exclusive fonts.
Online utilities.
- Slide-in Menu Generator
- Banner Maker Generator
- SubMenu Generator
- RBG Color Picker
- Colored Scrollbars Generator
- Page Colorizer
- Pop-up Window Generator
- Email Cleaner
- Status Message Generator
- Alert Message Generator
- HTML and JavaScript Code Encryptors
- ...and many more!
100+ Computer Tips.
Professional graphics.
Software discounts.

Find out more and join here.

Note: Software discounts are not ongoing. You'll usually have about 30 days to take advantage of the price cut. Discounts are on software from a variety of vendors, plus you can make requests and I'll try to arrange discounts!

Web Design

Site Information

More Boogie Jack Sites

HTML Code Reference Chart: Basic Structure Elements