HTML Ref

HTML Tags

First HTML Tag
<html></html>Begins and Ends an HTML document(</> endig)

Text Tags
text :Plain text requires no special tag except for formating
Format Text Tags
<h1></h1> :Begins and Ends the largest Heading(skips a line)
<h6></h6> :Begins and Ends the smallest Heading(skips a line)
<b></b> :Begins and Ends Bold
<i></i> :Begins and Ends Italic
<u></u> :Begins and Ends Underline
<sup></sup> :Begins and Ends Superscripted
<sub></sub> :Begins and Ends Subscripted
<p></p> :Begins and Ends a Paragraph(skips a line)
<br> :A line Break(skips to next line, an End tag may skip a line)
<tt></tt> :Begins and Ends Teletype(non-proportional text, all characters same size)
Font Tags and Attributes
<font size=" " color=" " face=" " ></font> :Begins and Ends a font change
size="3" :Attribute - 1 is small, 6 is vey large
color="red" :Attribute - Some colors can be named
color="#000000" :Attribute - Hexadecimal value colors, #000000 is black
face="Verdana, Arial" :Attribute - A specific font(list alternates)
Hyper Links
<a href="URL">On Screen Label</a> :Begins and Ends a link
: The URL may be "http://www.unm.edu/~olit525/mypage.htm"
: The On Screen Label will be a new color and underlined
:Clicking on the label transfers you to a different page
:Remember this Action takes you away from the present page

Images Tags - img, src
<img src="URL"> :Inserts an Image in a page
: The Source URL and image name src="http://www.unm.edu/~olit525/sky.gif"
: There are also alignment, height, and width attributes

Table Tags - table, tr, td
<table></table> :Begins and Ends a Table
<tr></tr> :Begins and Ends a table Row
<td>Any cell data</td> :Begins and Ends a table Data cell(place data between these)
Forms
<form NAME=></form> :Begins and Ends a form
Forms allow the user to enter data that can be:
1) Transfered(posted) to the server and processed by a CGI program like PERL
2) Emailed automatically to an email address
3) Processed on the user's browser with Javascript or VBscript interpreter program, and posted,
or Examples like: Quiz graded, or online calculator results without posting to server
<form name="NAME">
A form Name should be a uniq variable name and may be used by a program
Inside the form tags
Input text, textarea, checkbox, target, buttons , select option
<input type=text name="VariableName" size=20> :User inputs a line of text
The 20 character size can actually hold more characters
The VariableName should be uniq and may be used by a program
<textarea name="NAME" cols=40 rows=8></textarea> :User multi-line input area for text
The 8 lies of 40 character size can actually hold more characters and lines
The Name should be a uniq variable name and may be used by a program
<select name="NAME"> :Begins a pulldown menu so user can Select an Option of choices.
The Name should be a uniq variable name and may be used by a program
<option> myOption1:Each menu choice must hava a separate text Option.
</select> :Ends the Select list.
Followed by text choices, may be used in groups, pick many.
The Name should be a uniq variable name and may be used by a program
Sets off each menu item<input type="checkbox" name="NAME">:User input checkbox, toggles on/off
Followed by text choices, may be used in groups, pick many.
The Name should be a uniq variable name and may be used by a program
<input type="radio" name="NAME">:User input bull's-eye radiobutton, toggles on/off
Followed by text choices, may be used in groups, pick one.
The Name should be a uniq variable name and may be used by a program
<INPUT TYPE="button" VALUE="Back" onClick="history.back()">:User can click the Button
The Action of pressing the button must be linked with an event program
The Value is a label on the button and a name that may be used by a program
<INPUT TYPE="reset" >:User can click this special Button
The Action of pressing the button empties all data entered into the form.
The Action of pressing the button may also be linked with an event program
<INPUT TYPE="submit" >:User can click this special Button
The Action of pressing the button can post the data entered to a server program or E-Mail
The Action of pressing the button may also be linked with an event program