HTML

Home Notes

HTML

Local

Character Set Info
Escape Characters
Forms
Frames
Image Map, Auto Info Drag Along
mailto:
Style inline

External

Symbols, escape sequences (?entities?)
Validator for HTML

Style inline

See below for my style

<p style="color: #ff0000; font-size: xx-large;">thing style applies to</p>

Frames

Making a child frames links replace its parents contents

Use <base target="_parent"> tag as shown below

Escape Characters

Char	Name	Entity	Decimal	Hex
…	Horizontal Ellipse	…	…	…
ü	u with umlaut		ü	ü

FORMS

External

Input types http://www.porjes.com/idocs/forms/_INPUT_TYPE.html
Radio http://www.blooberry.com/indexdot/html/tagpages/i/inputradio.htm
Select @ netscape http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/select.html

Type	Example	Code
Button		<form name="FormButton1"> <input type="button" value="Button Text" id="id" name="???" onclick="alert('button clicked')" > </form>
Check Box	Check 1 Check 2	<form name="FormCheckBox1" id="Form7"> <input type="checkbox" name="myname">Check 1<br/> <input type="checkbox" name="myname" checked>Check 2 </form>
Password		<form name="FormPassword1" id="Form9"> <input type="password" name="password1"> <input type="password" name="password" value="defpass"> </form>
Radio Button	Choice A Choice B	<form name="formRadio1"> <input type="radio" name="radioSet1" value="A" onclick="alert('A');"> Choice A<br/> <input type="radio" name="radioSet1" value="B" onclick="alert('B');" checked> Choice B<br/> </form>
Select[1]		<form name="FormSelect1" id="Form11"> <select name="selectSize1" onchange="alert('Choice is ' + FormSelect1.selectSize1.value);"> <option value="1">small <option value="2" selected>medium <option value="3">large </select> </form>
Select[2]		function SelectAdd() { size = FormSelect2.selectSize1.length + 1; newOption = new Option( "Size " + size, "4", false, false); FormSelect2.selectSize1.options[FormSelect2.selectSize1.length] = newOption; } </script> <form name="FormSelect2" id="Form13"> <select size="5" name="selectSize1" onchange="alert('Choice is ' + FormSelect2.selectSize1.value);" id="Select1"> <option value="1">small <option value="2" selected>medium <option value="3">large </select> <br/><input type="button" value="Add Item" onclick="SelectAdd();"> </form>
Text		<form name="FormText1" id="Form6"> <input type="text" value="initial value"> </form>

Character Set Info

Default Character set is UNICODE, so if you put this "唖" in a page you get this "唖" (assuming you have a japanese char set installed on your machine)

http://www.w3.org/International/questions/qa-doc-charset.html

Lots of special chars: http://www.w3.org/MarkUp/html-spec/html-spec_13.html

mailto:

NOTE: the maximum length for the mailto string is 256 chars

To 1 person:
<a href="mailto:a@b.com">to a@b.com</a>

To 2 people:
<a href="mailto:a@b.com;c@d.com">to 2 people</a>

To 2 people with a subject:
<a href="mailto:a@b.com;c@d.com?subject=about jane">to 2 people</a>

To 2 people with a subject and body:
<a href="mailto:a@b.com;c@d.com?subject=about jane&body=This text is the body">to 2 people</a>

With a subject and body, but the user must set who it is to:
<a href="mailto:?subject=about jane&body=This text is the body">to 2 people</a>

To 2 people with a subject and body, with cc and bcc:
<a href="mailto:a@b.com;c@d.com?subject=about jane&cce@f.com&bccg@h.com">to 2 people</a>

Mail via a FORM

<FORM method="post" action="mailto:noone@snai1mai1.com" enctype="text/plain">

<INPUT TYPE="text" NAME="email">

<-- Multiple subjects are concatinated together, seperated by a comma -->
<INPUT TYPE="hidden" NAME="subject" VALUE="web_monitor">
<INPUT TYPE="text" NAME="subject">

(rest of form content)

</FORM>

Image Map, Auto Info Drag Along

Example Image Map Auto Drag Along