Schmiford's Virtual Notebook

Every page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

adjust text with: <center></center>; <br> break; <p></p> paragraph; <blockquote></blockquote>; <address></address>
divide page: <hr> horizontal rule; in <hr> tag; width="?%"; align="left" "right" "center"; size="?"; noshade; color="#000000" (only in IE)
list tags: <ul></ul> unordered list; <ol></ol> ordered list; <li></li> list item; <dl></dl> definition list; <dt></dt> definition term; <dd></dd> definition; bullet alter in any list tag; type="circle" "square" "disc"; <dd><img src="image.gif">blah</dd> (image for bullet)
alter text with:: <i></i> italics; <em></em> emphasis; <b></b> bold; <strong></strong> strong emphasis; <u></u> underline; <h1>&>h1> to <h6></h6> Heading; <pre></pre> Preformated Text; <big></big> Big text; <small></small> Small text; <strike></strike> Strikeout; <sub></sub> Subscript; <sup></sup> Superscript
in <p> tag: align="left" "center" "right" "justify"
hyperlinks: to new page; <a href="http://___________">Shows on page"</a>; to your page; <a href="page.html"></a>; within same page; <a href="#keyword"></a> Clickable link; <a name="keyword"></a> Invisible stop place
in <body> tag NEEDS CLOSED: bgcolor="#000000" (color); background="file.jpg" or "file.gif" (image); text="#000000" (color); link="#000000" (color); alink="#000000" (color); vlink="#000000" (color)
<font></font> tag NEEDS CLOSED: color="#000000"; size="1" to "7"; face="font style"
Image tag <img src="imagefile.jpg" or "imagefile.gif">: width="70" (pixels); height="70" (pixels); alt="description"; border="0" to "?" (around image)
Image link tag: <a href=" "><img src=" "></a>
image placement: <center><a href="?"><img src="?"></a></center>; align="left" "right"; <img src="?" align="left">; <br clear="all"> (stop text beside image, next line goes under); align="top" "middle" "bottom" (Where text will start in relation to height of image); <img src="?" align="top">
Tables
: <table></table> Create table
border=" " outlines edges of table
summary="brief description of table"
<p align="center"></p> centers whole table on page
width="pixel" or "%" adjust width of table in relation to page; <tr></tr> Table Row; <td></td> Table Data (cell)
valign="top" "middle" "bottom" Vertical alignment of cell contents; <th></th> Table Header; <caption></caption> describes table
Only permitted after <table>!
Only one per table!; Attributes used to adjust <table>,<td> and <th> tags.
colspan="#columns" - expands cell across several columns
rowspan="#rows" - expands cell down several rows
cellspacing=" " - enlarges space between cells & inside border thickness
cellpadding=" " - enlarges space around item in cell
bgcolor="#000000" change color of the table, row, or cell only.
align="left" "right" "center" determines placement of whole table in relation to page
bordercolorlight="#??????" only in IE adjust color of one side of each box
bodercolordark="#??????" only in IE adjust the opposing color of side of box
bordercolor="#??????" determines color of whole table border
<br></td> - when break tag is placed before ending table data tag it creates an empty cell bar after that table row and before the next
To change font add <font face=" " size=" "></font> after open <table> or <tr> tag.
Email links: <a href="mailto:emailaddress@server.com">Email me</a>; Make certain to encode address!; To make an image your link for email:
<a href="mailto:emailaddress@server.com"></a><img src="imagefile.jpg" or "imagefile.gif" width=" " height=" " alt=" " border=" "></a>
Forms: ex:<form method=post action="http://www.yourwebhost.com/cgi=bin/formmail.cgi">; <form></form> creates the form
method= post how information will be sent
action="http://www.yourwebhost.com/cgi-bin/formmail.cgi" url of cgi program that processes form
action="mailto:youremailaddress" enctype="text/plain" sends the data directly to your email address; Types of Fields
INPUT:
<input type="text" name="?" size="#" maxlength="#"> main tag for text box
name="what field is for"
size="##" pixel length of field
maxlength="##" how many characters are allowed
TEXT BOX
<textarea name="?" rows="#" cols="#"></textarea> main tag for text box
name="comments" short description of what goes in the box
rows="##" how tall the box should be
cols="##" how long the box should be
SELECTION BOXES
<input type="?" name="?" value="?"> main tag choose type; follow with the answer choice. New tag needed for each choice
type="checkbox" "radio" checkboxes allow more than one choice, radio buttons force one answer
name="what" is the question about. Same value for every one in a group.
value="answers" what the answer choices are
DROP DOWN
<select name="topic">
<option value="choice">:Choice 1
<option value="choice"> Choice 2
</select>
SUBMIT & CLEAR
<input type="submit" name="Request" value="Submit the Form">
<input type="reset" name="Clear" value="Clear the Form">
value= can be changed to say what you want
Image maps: <map></map> image map tag set; name="file name"; <area>

shape="circle" "rect" "polygon" - indicates hotspot shape
coords="position data"
href="#link"
alt="description of link"
title="can be same as alt"; <img src="file.gif"> - file of map graphic

height="#" - whole map
width="#" - whole map
usemap="#mapfile"
border="0"
alt="description"
Characters: < (<); > (>); © (copyright symbol ©);   (nonbreaking space); & (&); . (.); h (h); ; (hidden code comment); ½ (½); ¼ (¼); ¾ (¾); ¢ (¢)

Table of Contents Notebook 1 Notebook 2 Notebook 3 Notebook 4 Helpful Links