HTML Entities:
/ = / or Backslash
• = • or Bullet
∞ = ∞ or Infinity
— = — or Long dash
' = ' or Apostrophy
¦ = ¦ or Broken V Bar
µ = µ or Micro symbol
± = ± or Plus Minus
€ = € or Euro
´ = ´ or Acute
° = ° or Degrees
¡ = ¡ or Inverted Exclamation
♠ = ♠ or Spades
♦ = ♦ or Diamonds (Black)
♥ = &hearts or Hearts (Black)
♣ = &clubs or Clubs
¼ = ¼ or One Quarter
½ = ½ or One Half
¾ = ¾ or Three quarters
… = … or Ellipsis
{ = { or Left curly brace
} = } or Right curly brace
[ = [ or Left square bracket
] = &93; or Right square bracket
« = &laqou; or Left angle quote
» = &raqou; or Right angle quote
¿ = ¿ or Inverted Question
= or Non-Breaking space
¹ = ¹ or Superscript 1
² = ² or Superscript 2
³ = ³ or Superscript 3
& = & or Ampersand
< = < or Less Than
> = > or Greater Than
‘ = ‘ or Left single quote
’ = ’ or Right single quote
“ = “ or Left double quote
” = ” or Right double quote
© = © or Copyrighted
® = ® or Registered Trademark
· = · or Centered Dot
∑ = ∑ or Sigma (SUM)
Δ = Δ or Delta
™ = ™ or Trademark
← = ← or Left arrow
→ = → or Right arrow
↑ = ↑ or Up arrow
↓ = ↓ or Down arrow
References From W3Schools:
Full Arrows Reference Full Symbols Reference Full Currency ReferenceCommonly Used HTML Tags:
| Name | Usage | Description |
| Abbreviation | <ABBR TITLE="title"> | No end tag. Example: <ABBR TITLE="HTML"> is a markup language. |
| Anchor | <A NAME="anchor_name"></A> | Set an anchor point in a document |
| Anchor | <A HREF="URL">text</A> | Go to the URL document |
| Anchor | <A HREF="#anchor_name">text</A> | Go to an anchor point in the current document |
| Anchor | <A HREF="URL#anchor_name">text</A> | Go to an anchor point in the URL document |
| Bold | <B>text</B> | |
| Base | <BASE HREF="location"> | Set a "base" location for URL calls. In the HEAD section |
| Block Quote | <BLOCKQUOTE>text</BLOCKQUOTE> | text is indented, single spaced block with a para break |
| Body | <BODY>page data</BODY> | BACKGROUND="image_URL", BGCOLOR="color", TEXT="color", LINK="color", VLINK="color", ALINK="color" |
| Break | <BR CLEAR="left | right | all"> | CLEAR is optional |
| Center | <CENTER>text</CENTER> | Obsolete. Use <DIV ALIGN="CENTER"> |
| Code | <CODE>text</CODE> | text is shown monospaced font with linefeeds and embedded tags not interpreted. |
| Definition | <DFN TITLE="title">text</DFN> | Define an abbreviation. Ex: <DFN TITLE="HyperText Markup Language">HTML</DFN> is a markup language. |
| Definition List | <DL>info</DL> | <DL><DT>term<DD>definition<DT>..<DD>..</DL> Note no end tag for DT or DD. |
| Div | <DIV ALIGN="left | right | center"> page_data</DIV> | Allows setting attributes for a section. |
| Emphasis | <EM>text</EM> | Same as Italics |
| FieldSet | <FIELDSET>inputs</FIELDSET> | Puts a box around a group of inputs. |
| Font | <FONT COLOR="color" SIZE="number"> | SIZE=1-7, or (+-)1-7, 3 is default |
| Form | <FORM ACTION=".." METHOD="..">inputs</FORM> | METHOD="GET" or "POST". See inputs below. |
| Header Tags | <H1 ALIGN="..">text</H1> | 1 through 6. ALIGN= left | center | right |
| Head | <HEAD>info</HEAD> | |
| Horizontal Rule | <HR ALIGN="..." SIZE="number" WIDTH="value"> | ALIGN= left | center | right. SIZE=height. WIDTH=number | percent. |
| HTML | <HTML DOCTYPE=..>html_document</HTML> | surrounds the entire HTML document |
| Inline Frame | <IFRAME ...></IFRAME> | Many attributes. |
| Italic | <I>text</I> | |
| Image | <IMG SRC="URL" ALT="text" ALIGN="..."> | HEIGHT=, WIDTH=, BORDER=, HSPACE=, VSPACE=, USEMAP=, NOTE: No end tag. |
| Label | <LABEL FOR="id"><INPUT..></LABEL> | Ex: <FORM ...> <LABEL FOR="name">NAME: </LABEL> <INPUT TYPE="text" ID="name"> </FORM> |
| Link | <LINK REL="..." TYPE="..." HREF="..."> | REL="stylesheet" TYPE="text/css" HREF="file.css" |
| List Item | <LI TYPE="style" START=number>data</LI> | style= 1, a, A, i, I. Overrides current style. Start=number. Used by Ordered List and Unordered List |
| Map | <MAP><AREA ...></MAP> | <AREA HREF="url" | NOHREF ALT="text" SHAPE="keyword" COORDS="c1, c2, c3 ..."> |
| Meta | <META NAME="name" CONTENT="content"> | used in the HEAD section. |
| Ordered List | <OL TYPE="style" START="number"> list-items</OL> | style = 1, a, A, i, I. Start=number(digits) of starting point. See Unordered List |
| Paragraph | <P ALIGN="...">text</P> | ALIGN= left (default) | center | right. |
| Preformatted | <PRE>text</PRE> | text in monospaced font with some tags interpreted. |
| Quote | <Q>text</Q> | Quote a short quotation. |
| Script | <SCRIPT LANGUAGE="name">code</SCRIPT> | example: <SCRIPT LANGUAGE="javascript" >//some scripting</SCRIPT> |
| Strong | <STRONG>text</STRONG> | Usually Bold |
| Style | <STYLE TYPE="type_value">code</STYLE> | type_value="text/css" for Cascading Style Sheets. Usually in the HEAD section. |
| Subscript | <SUB>subscripted</SUB> | |
| Superscript | <SUP>superscripted</SUP> | |
| Table | <TABLE>rows & cols</TABLE> | ALIGN=, BORDER=value CELLSPACING=value CELLPADDING=value |
| Table Caption | <CAPTION ALIGN="...">text</CAPTION> | ALIGN=top(default) | bottom. Must be within <TABLE> tag. |
| Table Header | <TH ALIGN="..." VALIGN="...">text</TH> | NOWRAP, COLSPAN=value, ROWSPAN=value, WIDTH=value |
| Table Row | <TR ALIGN="..." ROWSPAN="value"> cols</TR> | VALIGN= top | middle(default) | bottom | baseline. |
| Table Col | <TD ALIGN="..." COLSPAN="value"> data</TD> | NOWRAP, VALIGN=top|middle(default)|bottom|baseline, WIDTH=value(number|percent), COLSPAN=value. |
| Title | <TITLE>text</TITLE> | used in the HEAD section. |
| Underline | <U>text</U> | |
| Unordered List | <UL TYPE="style">list items</UL> | style = disc | circle | square. See Ordered List |
Form Types:
| Name | Usage | Comment |
| Text Input | <INPUT TYPE="TEXT" NAME="name" VALUE="value" SIZE=number MAXLENGTH=number> | Single line of text input. See TEXTAREA below for other text input. |
| Password | <INPUT TYPE="PASSWORD" NAME="name" VALUE="value" SIZE=number MAXLENGTH=number> | Hides the input |
| Hidden | <INPUT TYPE="HIDDEN" VALUE="value" NAME="name"> | Not displayed, but passes info to ACTION |
| Submit | <INPUT TYPE="SUBMIT" VALUE="text"> | Button with text. Sends the FORM info to ACTION using METHOD |
| Reset | <INPUT TYPE="RESET" VALUE="text"> | Button with text. Resets the FORM to its initial status. |
| Checkbox | <INPUT TYPE="CHECKBOX" NAME="name"> | Add the CHECKED attribute to have it checked. |
| Radio List | <INPUT TYPE="RADIO" NAME="name" VALUE="value"> | All Must have the same name!! Add the CHECKED attribute to have it selected. |
| Select | <SELECT NAME="name" SIZE=value>options</SELECT> | <OPTION VALUE=".." [SELECTED]>option_item</OPTION> |
| Textarea | <TEXTAREA NAME="name" ROWS=value COLUMNS=value>default_text</TEXTAREA> |
Available Types for <INPUT TYPE="type">
(Not all are supported)
| BUTTON | CHECKBOX | COLOR | DATE | DATETIME |
| FILE | HIDDEN | IMAGE | MONTH | |
| NUMBER | PASSWORD | RADIO | RANGE | RESET |
| SEARCH | SUBMIT | TEL | TEXT | TIME |
| URL | WEEK |