Email this page

Traduzca esta página al español
Traduire Cette Page A Français
Übersetzen Sie Diese Seite Zu Deutsch


  Print this page

HTML Tags Explained

HTML / HTM
Tags Explained

Basic Tags
<html>
Begins an HTML document
</html>
Ends an HTML document
<title></title>
The name typed between these two tags puts the NAME of the document in the title bar
<head>
This tag starts the section of information that isn't displayed on the Web page itself
</head>
This tag ends the section of information that isn't displayed on the Web page itself
<body></body>
This tag starts the visible portion of the program

<body></body>
This tag ends the visible portion of the program

Body Attributes
<body bgcolor=?>
This tag determines the background color of the page's background, using the color name or hex value
<body text=?>
This tag determines the text color, using the color name or hex value
<body link=?>
This tag determines the color of links, using the color name or hex value
<body vlink=?>
the color of followed links, using the color name or hex value
<body alink=?>
This tag determines the color of links on click, using the color name or hex value
Text Tags
<pre></pre>
This text between these tags creates preformatted text
<hl></hl>
This text between these tags creates the largest headline
<h6></h6>
This text between these tags creates the smallest headline
<b></b>
This text between these tags creates bold text
<i></i>
This text between these tags creates italic text
<tt></tt>
This text between these tags creates teletype, or typewriter-style text
<cite></cite>
This text between these tags creates a citation, usually italic
<em></em>
These tags start and stop emphasizing text with italic or bold face type.
<strong></strong>
These tags start and stop emphasizing text with italic or bold face type.
<font size=?></font>
These tags start and stop the size of font, from 1 to 7)
<font color=?></font>
These tags start and stop the font color, using color name or hex value
Links
<a href="URL"></a>
The text between these tags creates a hyperlink
<a href="mailto:EMAIL"></a>
The text between these tags creates a mailto link
<a name="NAME"></a>
The text between these tags creates a target location within a document
<a href="#NAME"></a>
The text between these tags links to that target location from somewhere else in the document
Formatting
<p></p>
These tags start and stop a new paragraph
<p align=?>
This tag will align a paragraph to the left, right, or center of the page.
<br>
Thia tag stops a line and jumps to the next line.
<blockquote> </blockquote>
Everything between these tags in indented from both sides of the page
<dl></dl>
These tags start and stop a definition list
<dt>
This tag precedes each definition term
<dd>
This tag precedes each definition
<ol></ol>
This tag creates a numbered list
<ul></ul>
This tag creates a bulleted list
<li></li>
This tag in front of each list item adds the number or bullet in front of the item
<div align=?>
This is a generic tag that is used to format large blocks of HTML. It is also used in stylesheets
Graphical Elements
<img src="name">
This tag places a graphic image on the page
<img src="name" align=?>
This tag can align the graphic image to the left, right, center; bottom, top, middle
<img src="name" border=?>
This tag governs the size of a border around an image
<hr>
This tag inserts a horizontal rule on the page
<hr size=?>
This tag sets the height of rule
<hr width=?>
This tag sets width of rule, in either a percentage or a numerical value
<hr noshade>
This tag creates a solid color rule
Tables
<table></table>
These tags create and stop a table
<tr></tr>
The tags start and stop each row in a table
<td></td>
These tags start and stop each cell in a row
<th></th>
These tags start and stop the table header with bold, centered text in a normal cell
Table Attributes
<table border=#>
This tag sets the width of a border around the table
<table cellspacing=#>
This tag sets the amount of space between the table cells and between the cells and the border
<table cellpadding=#>
This tag sets the amount of space sourounding the contents within a the cells
<table width=# or %>
This tag sets the width of the table in pixels or as a percentage of the page width
<tr align=?> or <td align=?>
This tag sets alignment of the cells contents to the left, center, or right of the cell
<tr valign=?> or <td valign=?>
This tag sets the vertical alignment of the contents of the cells to the top, middle, or bottom of the cell
<td colspan=#>
This tag will set the number of columns a cell is to span
<td rowspan=#>
This tag will set the number of rows a cell is to span (the default number is 1)
<td nowrap>
This tag prevents the lines within a cell from being broken to fit the cell
Frames
<frameset></frameset>
This tag replaces the <body> tag in a frames document; can also be nested in other framesets
<frameset rows="value,value">
This tag defines the rows within a frameset, using number in pixels, or percentage of w idth
<frameset cols="value,value">
This tag defines the columns within a frameset, using number in pixels, or percentage of width
<frame>
This tag defines a single frame — or region — within a frameset
<noframes></noframes>
This tag defines what will appear on browsers that don't support frames
Frames Attributes
<frame src="URL">
This tag specifies which HTML document should be displayed
<frame name="name">
This tag names the frame, or region, so it may be targeted by other frames
<frame marginwidth=#>
This tag defines the left and right margins for the frame; must be equal to or greater than 1
<frame marginheight=#>
This tag defines the top and bottom margins for the frame; must be equal to or greater than 1
<frame scrolling=VALUE>
This tag sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto." The default, as in ordinary documents, is auto.
<frame noresize>
This tag prevents the user from resizing a frame
Forms

For functional forms, you'll have to run a CGI script. The HTML just creates the appearance of a form.

<form></form>
These tags start and end all forms
<select multiple name="NAME" size=?></select>
This tag creates a scrolling menu. Size sets the number of menu items visible before you need to scroll.
<option>
This tag sets off each menu item
<select name="NAME"></select>
This tag creates a pulldown menu
<option>
This tag sets off each menu item
<textarea name="NAME" cols=40 rows=8></textarea>
This tag creates a text box area. Columns set the width; rows set the height.
<input type="checkbox" name="NAME">
This tag creates a checkbox. Text follows tag.
<input type="radio" name="NAME" value="x">
This tag creates a radio button. Text follows tag
<input type=text name="foo" size=20>
This tag creates a one-line text area. Size sets length, in characters.
<input type="submit" value="NAME">
This tag creates a Submit button
<input type="image" border=0 name="NAME" src="name.gif">
This tag creates a Submit button using an image
<input type="reset">
This tag creates a Reset button

Back To Page One

 No © Copyright.
"Corky" .
Free To Use.


All material in this site may be used
to educate everyone, Masons and
non-Masons alike about Freemasonry

 

Page Crafted By Corky
pineilse@swbell.net

The Pine Island Webwright