Tag
|
Name
|
Code
Example
|
Result
|
||||||||||||
| <!-- | comment | <!--This can be viewed in the HTML part of a document--> | Nothing will show (Tip) | ||||||||||||
| <A - | anchor | <A HREF="http://www.yourdomain.com/">Visit Our Site</A> | Visit Our Site (Tip) | ||||||||||||
| <B> | bold | <B>Example</B> | Example | ||||||||||||
| <BIG> | big (text) | <BIG>Example</BIG> | Example (Tip) | ||||||||||||
| <BODY> | body of HTML document | <BODY>The content of your HTML page</BODY> | Contents of your web page (Tip) | ||||||||||||
| <BR> | line break | The contents of your page<BR>The contents of your page | The contents of your web
page The contents of your web page |
||||||||||||
| <CENTER> | center | <CENTER>This will center your contents</CENTER> |
This will center your contents
|
||||||||||||
| <DD> | definition description | <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> |
|
||||||||||||
| <DL> | definition list | <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> |
|
||||||||||||
| <DT> | definition term | <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> |
|
||||||||||||
| <EM> | emphasis | This is an <EM>Example</EM> of using the emphasis tag | This is an Example of using the emphasis tag | ||||||||||||
| <EMBED> |
embed object | <EMBED src="yourfile.mid" width="100%" height="60" align="center"> | (Tip) |
||||||||||||
| <EMBED> | embed object | <EMBED src="yourfile.mid"
autostart="true" hidden="false" loop="false"> <noembed><bgsound src="yourfile.mid" loop="1"></noembed> |
Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music. |
||||||||||||
| <FONT> | font | <FONT FACE="Times New Roman">Example</FONT> | Example (Tip) | ||||||||||||
| <FONT> | font | <FONT FACE="Times New Roman" SIZE="4">Example</FONT> | Example (Tip) | ||||||||||||
| <FONT> | font | <FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT> | Example (Tip) | ||||||||||||
| <FORM> | form | <FORM
action="mailto:you@yourdomain.com"> Name: <INPUT name="Name" value="" size="10"><BR> Email: <INPUT name="Email" value="" size="10"><BR> <CENTER><INPUT type="submit"></CENTER> </FORM> |
|||||||||||||
| <H1> | heading 1 | <H1>Heading 1 Example</H1> | Heading 1 Example |
||||||||||||
| <H2> | heading 2 | <H2>Heading 2 Example</H2> | Heading 2 Example |
||||||||||||
| <H3> | heading 3 | <H3>Heading 3 Example</H3> | Heading 3 Example |
||||||||||||
| <H4> | heading 4 | <H4>Heading 4 Example</H4> | Heading 4 Example |
||||||||||||
| <H5> | heading 5 | <H5>Heading 5 Example</H5> | Heading 5 Example |
||||||||||||
| <H6> | heading 6 | <H6>Heading 6 Example</H6> | Heading 6 Example |
||||||||||||
| <HEAD> | heading of HTML document | <HEAD>Contains elements describing the document</HEAD> | Nothing will show | ||||||||||||
| <HR> | horizontal rule | <HR> | Contents of your web page (Tip) Contents of your web page |
||||||||||||
| <HR> | horizontal rule | <HR WIDTH="50%" SIZE="3"> | Contents of your web
page Contents of your web page |
||||||||||||
| <HR> | horizontal rule | <HR WIDTH="50%" SIZE="3" NOSHADE> | Contents of your web
page Contents of your web page |
||||||||||||
| <HR> (Internet Explorer) |
horizontal rule | <HR WIDTH="75%" COLOR="#FF0000" SIZE="4"> | Contents of your web
page Contents of your web page |
||||||||||||
| <HR> (Internet Explorer) |
horizontal rule | <HR WIDTH="25%" COLOR="#6699FF" SIZE="6"> | Contents of your web
page Contents of your web page |
||||||||||||
| <HTML> | hypertext markup language | <HTML><HEAD><META><TITLE>Title of your web page</TITLE></HEAD><BODY>HTML web page contents</BODY></HTML> | Contents of your web page | ||||||||||||
| <I> | italic | <I>Example</I> | Example | ||||||||||||
| <IMG> | image | <IMG SRC="Cybup.jpg" WIDTH="41" HEIGHT="41" BORDER="0" ALT="text describing the image"> | 
(Tip) |
||||||||||||
| <INPUT> | input field | Example 1: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <INPUT type="text" size="10" maxlength="30"> <INPUT type="Submit" VALUE="Submit"> </FORM> |
|||||||||||||
| <INPUT> (Internet Explorer) |
input field | Example 2: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30"> <INPUT type="Submit" VALUE="Submit"> </FORM> |
|||||||||||||
| <INPUT> | input field | Example 3: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type="image" name="submit" src="yourimage.gif"></TD></TR> </TABLE> </FORM> |
|||||||||||||
| <INPUT> | input field | Example 4: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> Enter Your Comments:<BR> <TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR> <INPUT type="Submit" VALUE="Submit"> <INPUT type="Reset" VALUE="Clear"> </FORM> |
|||||||||||||
| <INPUT> | input field | Example 5: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <CENTER> Select an option: <SELECT> <OPTION >option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4 <OPTION>option 5 <OPTION>option 6 </SELECT><BR> <INPUT type="Submit" VALUE="Submit"></CENTER> </FORM> |
|||||||||||||
| <INPUT> | input field | Example 6: <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> Select an option:<BR> <INPUT type="radio" name="option"> Option 1 <INPUT type="radio" name="option" CHECKED> Option 2 <INPUT type="radio" name="option"> Option 3 <BR> <BR> Select an option:<BR> <INPUT type="checkbox" name="selection"> Selection 1 <INPUT type="checkbox" name="selection" CHECKED> Selection 2 <INPUT type="checkbox" name="selection"> Selection 3 <INPUT type="Submit" VALUE="Submit"> </FORM> |
|||||||||||||
| <LI> | list item | Example 1: <MENU> <LI type="disc">List item 1 <LI type="circle">List item 2 <LI type="square">List item 3 </MENU> Example 2: <OL type="i"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> |
Example 1:
(Tip)
Example 2:
|
||||||||||||
| <LINK> | link | Visit our <A HREF="http://www.yourdomain.com/">site</A> | Visit our site | ||||||||||||
| <MARQUEE> (Internet Explorer) |
scrolling text | <MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2" width="100%">Example Marquee</MARQUEE> | (Tip) | ||||||||||||
| <MENU> | menu | <MENU> <LI type="disc">List item 1 <LI type="circle">List item 2 <LI type="square">List item 3 </MENU> |
|
||||||||||||
| <META> | meta | <META name="Description"
content="Description of your site"> <META name="keywords" content="keywords describing your site"> |
Nothing will show (Tip) | ||||||||||||
| <META> | meta | <META HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/"> | Nothing will show (Tip) | ||||||||||||
| <META> | meta | <META http-equiv="Pragma" content="no-cache"> | Nothing will show (Tip) | ||||||||||||
| <META> | meta | <META name="rating" content="General"> | Nothing will show (Tip) | ||||||||||||
| <META> | meta | <META name="ROBOTS" content="ALL"> | Nothing will show (Tip) | ||||||||||||
| <META> | meta | <META NAME="ROBOTS" content="NOINDEX,FOLLOW"> | Nothing will show (Tip) | ||||||||||||
| <OL> | ordered list | Numbered <OL> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Numbered Special Start <OL start="5"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Lowercase Letters <OL type="a"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Letters <OL type="A"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Letters Special Start <OL type="A" start="3"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Lowercase Roman Numerals <OL type="i"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Roman Numerals <OL type="I"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Capital Roman Numerals Special Start <OL type="I" start="7"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> |
Numbered
|
||||||||||||
| <OPTION> | listbox option | <FORM METHOD=post
ACTION="/cgi-bin/example.cgi"> <CENTER> Select an option: <SELECT> <OPTION>option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4 <OPTION>option 5 <OPTION>option 6 </SELECT><BR> </CENTER> </FORM> |
|||||||||||||
| <P> | paragraph | This is an example displaying
the use of the paragraph tag. <P> This will create a line break and
a space between lines. Attributes: Example 1:<BR> <BR> <P align="left"> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 2:<BR> <BR> <P align="right"> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 3:<BR> <BR> <P align="center"> This is an example<BR> displaying the use<BR> of the paragraph tag. |
This is an example displaying the
use of the paragraph tag.
This will create a line break and
a space between lines. Attributes: Example 1: This is an example displaying the use of the paragraph tag.
Example 2:
This is an example displaying the use of the paragraph tag.
Example 3:
This is an example displaying the use of the paragraph tag. |
||||||||||||
| <SMALL> | small (text) | <SMALL>Example</SMALL> | Example (Tip) | ||||||||||||
| <STRONG> | strong emphasis | <STRONG>Example</STRONG> | Example | ||||||||||||
| <TABLE> | table | Example 1: <TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 2: (Internet Explorer) <TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 3: <TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD BGCOLOR="#CCCCCC">Column 1</TD> <TD BGCOLOR="#CCCCCC">Column 2</TD> </TR> <TR> <TD>Row 2</TD> <TD>Row 2</TD> </TR> </TABLE> |
Example 1:
(Tip)
Example 2: (Tip)
Example 3: (Tip)
|
||||||||||||
| <TD> | table data | <TABLE BORDER="2" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> |
|
||||||||||||
| <TH> | table header | <DIV
align="center"><TABLE> <TR> <TH>Column 1</TH> <TH>Column 2</TH> <TH>Column 3</TH> </TR> <TR> <TD>Row 2</TD> <TD>Row 2</TD> <TD>Row 2</TD> </TR> <TR> <TD>Row 3</TD> <TD>Row 3</TD> <TD>Row 3</TD> </TR> <TR> <TD>Row 4</TD> <TD>Row 4</TD> <TD>Row 4</TD> </TR> </TABLE> </DIV> |
|
||||||||||||
| <TITLE> | document title | <TITLE>Title of your HTML page</TITLE> | Title of your web page will be viewable in the title bar. (Tip) | ||||||||||||
| <TR> | table row | <TABLE BORDER="2" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> |
|
||||||||||||
| <TT> | teletype | <TT>Example</TT> | Example | ||||||||||||
| <U> | underline | <U>Example</U> | Example | ||||||||||||
| <UL> | unordered list | Example 1:<BR> <BR> <UL> <LI>List item 1 <LI>List item 2 </UL> <BR> Example 2:<BR> <UL type="disc"> <LI>List item 1 <LI>List item 2 <UL type="circle"> <LI>List item 3 <LI>List item 4 </UL> </UL> |
Example 1:
Example 2:
|
More Special Characters
| Character | HTML | Character Code | Description | Character | HTML Code | Character Code | Description | |
|---|---|---|---|---|---|---|---|---|
| 	 | horizontal tab | ‘ | ‘ | left curly quote mark | ||||
| | line feed | ’ | ’ | right curly quote mark/apostrophe | ||||
| | carriage return | “ | “ | left curly quote marks | ||||
|   | space | ” | ” | right curly quote marks | ||||
| ! | ! | exclamation point | • | • | bullet | |||
| " | " | " | straight quote marks | – | – | “en” (short) dash | ||
| # | # | hash mark/number sign | — | — | “em” (long) dash | |||
| $ | $ | dollar sign | ˜ | ˜ | tilde | |||
| % | % | percent sign | ™ | ™ | trademark | |||
| & | & | & | ampersand | š | š | |||
| ' | ' | straight quote mark/apostrophe | › | › | ||||
| ( | ( | left parenthesis | œ | œ | small oe ligature | |||
| ) | ) | right parenthesis | Ÿ | Ÿ | capital Y, umlaut | |||
| * | * | asterisk |   | | non-breaking space | |||
| + | + | plus sign | ¡ | ¡ | ¡ | inverted exclamation point | ||
| , | , | comma | ¢ | ¢ | ¢ | cent sign | ||
| - | - | hyphen | £ | £ | £ | pound sterling sign | ||
| . | . | period/dot | ¤ | ¤ | ¤ | general currency sign | ||
| / | / | slash | ¥ | ¥ | ¥ | yen sign | ||
| 0 | 0 | zero | ¦ | ¦ | ¦ | broken vertical bar | ||
| &brkbar; | ||||||||
| 1 | 1 | one | § | § | § | section sign | ||
| 2 | 2 | two | ¨ | ¨ | ¨ | umlaut/dieresis | ||
| ¨ | ||||||||
| 3 | 3 | three | © | © | © | copyright symbol | ||
| 4 | 4 | four | ª | ª | ª | feminine ordinal | ||
| 5 | 5 | five | « | « | « | left angle quote marks | ||
| 6 | 6 | six | ¬ | ¬ | ¬ | not sign | ||
| 7 | 7 | seven | | ­ | ­ | soft hyphen | ||
| 8 | 8 | eight | ® | ® | ® | registered symbol | ||
| 9 | 9 | nine | ¯ | ¯ | ¯ | macron accent | ||
| &hibar; | ||||||||
| : | : | colon | ° | ° | ° | degree sign | ||
| ; | ; | semi-colon | ± | ± | ± | plus or minus | ||
| < | < | < | less than sign | ² | ² | ² | superscript 2 | |
| = | = | equals sign | ³ | ³ | ³ | superscript 3 | ||
| > | > | > | greater than sign | ´ | ´ | ´ | acute accent | |
| ? | ? | question mark | µ | µ | µ | micro sign (Greek mu) | ||
| @ | @ | commercial “at” sign | ¶ | ¶ | ¶ | paragraph sign | ||
| A | A | capital A | · | · | · | middle dot | ||
| B | B | capital B | ¸ | ¸ | ¸ | cedilla | ||
| C | C | capital C | ¹ | ¹ | ¹ | superscript 1 | ||
| D | D | capital D | º | º | º | masculine ordinal | ||
| E | E | capital E | » | » | » | right angle quote marks | ||
| F | F | capital F | ¼ | ¼ | ¼ | fraction one-fourth | ||
| G | G | capital G | ½ | ½ | ½ | fraction one-half | ||
| H | H | capital H | ¾ | ¾ | ¾ | fraction three-fourths | ||
| I | I | capital I | ¿ | ¿ | ¿ | inverted question mark | ||
| J | J | capital J | À | À | À | capital A, grave accent | ||
| K | K | capital K | Á | Á | Á | capital A, acute accent | ||
| L | L | capital L | Â | Â | Â | capital A, circumflex accent | ||
| M | M | capital M | Ã | Ã | Ã | capital A, tilde | ||
| N | N | capital N | Ä | Ä | Ä | capital A, umlaut/dieresis | ||
| O | O | capital O | Å | Å | Å | capital A, ring | ||
| P | P | capital P | Æ | Æ | &Aelig; | capital AE ligature, dipthong | ||
| Q | Q | capital Q | Ç | Ç | Ç | capital C, cedilla | ||
| R | R | capital R | È | È | È | capital E, grave accent | ||
| S | S | capital S | É | É | É | capital E, acute accent | ||
| T | T | capital T | Ê | Ê | &Ecicr; | capital E, circumflex accent | ||
| U | U | capital U | Ë | Ë | Ë | capital E, umlaut/dieresis | ||
| V | V | capital V | Ì | Ì | Ì | capital I, grave accent | ||
| W | W | capital W | Í | Í | Í | capital I, acute accent | ||
| X | X | capital X | Î | Î | Î | capital I, circumflex accent | ||
| Y | Y | capital Y | Ï | Ï | Ï | capital I, umlaut/dieresis mark | ||
| Z | Z | capital Z | Ð | Ð | Ð | capital Eth, Icelandic | ||
| Đ | ||||||||
| [ | [ | left square bracket | Ñ | Ñ | Ñ | capital N, tilde | ||
| \ | \ | backslash | Ò | Ò | Ò | capital O, grave accent/null set | ||
| ] | ] | right square bracket | Ó | Ó | Ó | capital O, acute accent | ||
| ^ | ^ | caret | Ô | Ô | Ô | capital O, circumflex accent | ||
| _ | _ | underscore bar | Õ | Õ | Õ | capital O, tilde | ||
| ` | ` | grave accent | Ö | Ö | Ö | capital O, umlaut/dieresis mark | ||
| a | a | small a | × | × | × | multiplication sign | ||
| b | b | small b | Ø | Ø | Ø | capital O, slash | ||
| c | c | small c | Ù | Ù | Ù | capital U, grave accent | ||
| d | d | small d | Ú | Ú | Ú | capital U, acute accent | ||
| e | e | small e | Û | Û | Û | capital U, circumflex accent | ||
| f | f | small f | Ü | Ü | Ü | capital U, umlaut/dieresis mark | ||
| g | g | small g | Ý | Ý | Ý | capital Y, acute accent | ||
| h | h | small h | Þ | Þ | Þ | capital Thorn, Icelandic | ||
| i | i | small i | ß | ß | ß | small sz ligature, German | ||
| j | j | small j | à | à | à | small a, grave accent | ||
| k | k | small k | á | á | á | small a, acute accent | ||
| l | l | small l | â | â | â | small a, circumflex accent | ||
| m | m | small m | ã | ã | ã | small a, tilde | ||
| n | n | small n | ä | ä | ä | small a, umlaut/dieresis mark | ||
| o | o | small o | å | å | å | small a, ring | ||
| p | p | small p | æ | æ | æ | small ae ligature, dipthong | ||
| q | q | small q | ç | ç | ç | small c, cedilla | ||
| r | r | small r | è | è | è | small e, grave accent | ||
| s | s | small s | é | é | é | small e, acute accent | ||
| t | t | small t | ê | ê | ê | small e, circumflex accent | ||
| u | u | small u | ë | ë | ë | small e, umlaut/dieresis mark | ||
| v | v | small v | ì | ì | ì | small i, grave accent | ||
| w | w | small w | í | í | í | small i, acute accent | ||
| x | x | small x | î | î | î | small i, circumflex accent | ||
| y | y | small y | ï | ï | ï | small i, umlaut/dieresis mark | ||
| z | z | small z | ð | ð | ð | small eth, Icelandic | ||
| { | { | left curly brace | ñ | ñ | ñ | small n, tilde | ||
| | | | | solid vertical bar | ò | ò | ò | small o, grave accent | ||
| } | } | right curly brace | ó | ó | ó | small o, acute accent | ||
| ~ | ~ | tilde | ô | ô | ô | small o, circumflex accent | ||
| |  | box | õ | õ | õ | small o, tilde | ||
| ‚ | ‚ | comma | ö | ö | ö | small o, umlaut/dieresis mark | ||
| ƒ | ƒ | florin | ÷ | ÷ | ÷ | division sign | ||
| „ | „ | ø | ø | ø | small o, slash/null set | |||
| … | … | ellipsis | ù | ù | ù | small u, grave accent | ||
| † | † | dagger | ú | ú | ú | small u, acute accent | ||
| ‡ | ‡ | double dagger | û | û | û | small u, circumflex accent | ||
| ˆ | ˆ | circumflex accent | ü | ü | ü | small u, umlaut,dieresis mark | ||
| ‰ | ‰ | permil | ý | ý | ý | small y, acute accent | ||
| Š | Š | þ | þ | þ | small thorn, Icelandic | |||
| ‹ | ‹ | ÿ | ÿ | ÿ | small y, umlaut/dieresis mark | |||
| Π| Π| capital OE ligature | ||||||
