Barbara's HTML Cheatsheet

Access Key (alt+a)

Alt (alt+l)

Special Characters (alt+s)

Tabindex (alt+t)

Title Tag (alt+g)

Access Key

<a href=" " accesskey=" "><strong>A</strong>ccess (alt+a)

Alt

If the image says something in, say, a special font, the alt should be only what the image says. If it's a spacer image or not needed for understanding, leave the alt blank. Screen readers will ignore it. But keep in the alt, because if you don't, screen readers will read the URL of the image.

Forms

Hobbit name:
Last name:

Frodo
Not Frodo
Frodo
Sam
Rosie
Primula



<form name="input" action="form_action.asp" method="get"><br />

Hobbit name: <input type="text" name="FirstName" value="Frodo" size="20" /><br />

<!--value = value if checked--><br />

Last name: <input type="text" name="LastName" value="" size="20" /><br />

<!--text is single-line text box.

name let's you know which response was answering which question--><br />

<textarea cols="50" rows="4" name="comment">Comment about hobbits

<br />

<input type="radio" size="20" /> Frodo


<input type="radio" size="20" /> Not Frodo 


<input type="checkbox" size="20" /> Frodo 


<input type="checkbox" size="20" /> Sam 


<input type="checkbox" size="20" /> Rosie 


<input type="checkbox" size="20" /> Primula 


<p>

<select name="hobbit" size="1">

  <option value="Frodo">Frodo

  <option value="Sam">Sam

  <option value="Rosie">Rosie

  <option value="Primula">Primula

  <option value="Amaranth">Amaranth

  <option value="Melilot">Melilot

<option value="Tansy Pennyroyal">Tansy Pennyroyal

</select> 

</p>

<p>

<input type="submit" value="Press this thing here" />

</p>

</form>



<p>Click the "Press this thing here" button and the input will be sent to a page on the server called "form_action.asp".

<p>

<input type="submit" value="Press this thing here" />

</p>

</form>



<Click the "Press this thing here" button and the input will be sent to a page on the server called "form_action.asp".

Special Characters

< is & # 60 ; or & lt; --- beginning bracket
> is & # 62 ; or & gt; --- end bracket
( is & # 40 ; beginning parenthesis
) is & # 41 ; end parenthesis
" is & # 34; or & quot; --- quote
’ is & rs quo ;
{ is & # 123 ; beginning wavy bracket
} is & # 125 ; end wavy bracket
! is & # 33 ; exclamation point
- is & # 45 ;hyphen or & ndash ;
© is & # 169; or & copy; --- copyright mark
* is & # 42 ; asterisk
» is & # 187 ; or & raquo;
◊ or & #9674; or & loz; --- lozenge
nonbreaking space is & nbsp ;

Tabindex

When you want to change the tabbing order.

Title Tag

Use to warn about outside links, explain link, etc.

Index

Sources:

Scribbles on note cards, but many of the sources are bookmarked on http://www.ringlibrarypages.com/br.htm.

July 13, 2005