Page 1 : HTML Tags Chart, To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste, it into your web page., Tag, , Name, , Code Example, , Browser View, , <!--, , comment, , <!--This can be viewed in the HTML part of a, Nothing will show (Tip), document-->, , <a -, , anchor, , <a href="http://www.domain.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, <body>The content of, documen your HTML page</body>, t, , 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>, , <dd>, , <dl>, <dt>Definition Term</dt>, definition, <dd>Definition of the term</dd>, descripti, <dt>Definition Term</dt>, on, <dd>Definition of the term</dd>, </dl>, , Definition Term, Definition of the, term, Definition Term, Definition of the, term, , <dl>, , <dl>, <dt>Definition Term</dt>, definition <dd>Definition of the term</dd>, list, <dt>Definition Term</dt>, <dd>Definition of the term</dd>, </dl>, , Definition Term, Definition of the, term, Definition Term, Definition of the, term, , <dt>, , <dl>, <dt>Definition Term</dt>, definition <dd>Definition of the term</dd>, term, <dt>Definition Term</dt>, <dd>Definition of the term</dd>, </dl>, , Definition Term, Definition of the, term, Definition Term, Definition of the, term, , <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>, , <font>, , <font face="Times New, Roman">Example</font>, , font, , This will center your, contents, , 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., Example (Tip)
Page 2 : <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, , <form>, , form, , <form action="mailto:
[email protected], ">, Name:, Name: <input name="Name" value="", size="10"><br>, Email:, Email: <input name="Email" value="", Submit, size="10"><br>, <center><input type="submit"></center>, </form>, , <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, , heading, heading, heading, heading, heading, heading, , <head>, , heading, of HTML, <head>Contains elements describing the, documen document</head>, t, , <hr>, , horizonta, <hr />, l rule, , 1, 2, 3, 4, 5, 6, , <h1>Heading, <h2>Heading, <h3>Heading, <h4>Heading, <h5>Heading, <h6>Heading, , 1, 2, 3, 4, 5, 6, , (Tip), , (Tip), , Example</h1>, Example</h2>, Example</h3>, Example</h4>, Example</h5>, Example</h6>, , Nothing will show, , Contents of your web, page (Tip), Contents of your web page, , <hr>, , <hr>, , horizonta, <hr width="50%" size="3" />, l rule, horizonta, <hr width="50%" size="3" noshade />, l rule, , Contents of your web page, Contents of your web page, Contents of your web page, Contents of your web page, , <hr>, (Internet, Explorer), , horizonta <hr width="75%" color="#ff0000" size="4", l rule, />, , Contents of your web page, , <hr>, (Internet, Explorer), , horizonta <hr width="25%" color="#6699ff" size="6", l rule, />, , <html>, , <html>, <head>, <meta>, hypertext, <title>Title of your web page</title>, markup, </head>, language, <body>HTML web page contents, </body>, </html>, , Contents of your web page, , <i>, , italic, , <i>Example</i>, , Example, , <img>, , image, , <img src="Earth.gif" width="41", height="41" border="0" alt="text describing, the image" />, , Contents of your web page, Contents of your web page, Contents of your web page, , (Tip)
Page 3 : Example 1:, , <input>, , input, field, , <form method=post action="/cgibin/example.cgi">, <input type="text" size="10", maxlength="30">, <input type="Submit" value="Submit">, </form>, , Example 1: (Tip), Submit, , Example 2:, , <input>, (Internet, Explorer), , input, field, , <form method=post action="/cgiExample 2: (Tip), bin/example.cgi">, <input type="text" style="color: #ffffff;, Submit, font-family: Verdana; font-weight: bold; fontsize: 12px; background-color: #72a4d2;", size="10" maxlength="30">, <input type="Submit" value="Submit">, </form>, Example 3:, , <input>, , input, field, , <form method=post action="/cgibin/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>, Example 4:, , <input>, , input, field, , <form method=post action="/cgibin/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>, , Example 3: (Tip), , Example 4: (Tip), , Submit, , Clear, , Example 5:, , <input>, , <input>, , input, field, , input, field, , <form method=post action="/cgibin/example.cgi">, <center>, Select an option:, <select>, <option >option 1</option>, <option selected>option 2</option>, <option>option 3</option>, <option>option 4</option>, <option>option 5</option>, <option>option 6</option>, </select><br>, <input type="Submit", value="Submit"></center>, </form>, Example 6:, , Example 5: Tip), Select an, option:, , option 2, , Submit, , Example 6: (Tip)
Page 4 : <form method=post action="/cgiSelect an option:, bin/example.cgi">, Option 1, Select an option:<br>, <input type="radio" name="option"> Option, Option 2, 1, <input type="radio" name="option", Option 3, checked> Option 2, <input type="radio" name="option"> Option, Select an option:, 3, <br>, Selection 1, <br>, Select an option:<br>, Selection 2, <input type="checkbox" name="selection">, Selection 3, Selection 1, <input type="checkbox" name="selection", Submit, checked> Selection 2, <input type="checkbox", name="selection"> Selection 3, <input type="Submit" value="Submit">, </form>, Example 1:, , Example 1: (Tip), , <menu>, <li type="disc">List item 1</li>, <li type="circle">List item 2</li>, <li type="square">List item 3</li>, </MENU>, <li>, , list item, , Example 2:, <ol type="i">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , <link>, , link, , <marquee, >, scrolling, (Internet text, Explorer), , , o, , , List item 1, List item 2, List item 3, , Example 2:, i., ii., iii., iv., , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4, , <head>, <link rel="stylesheet" type="text/css", href="style.css" />, </head>, , <marquee bgcolor="#cccccc" loop="-1", scrollamount="2" width="100%">Example, Marquee</marquee>, (Tip), , menu, , <menu>, <li type="disc">List item 1</li>, <li type="circle">List item 2</li>, <li type="square">List item 3</li>, </menu>, , <meta>, , meta, , <meta name="Description", content="Description of your site">, <meta name="keywords", content="keywords describing your site">, , <meta>, , meta, , <meta HTTP-EQUIV="Refresh", CONTENT="4;URL=http://www.yourdomain.c Nothing will show (Tip), om/">, , <menu>, , , o, , , List item 1, List item 2, List item 3, , Nothing will show (Tip)
Page 5 : <meta>, , meta, , <meta http-equiv="Pragma" content="nocache">, , 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), , Numbered, , Numbered, , <ol>, <li>List, <li>List, <li>List, <li>List, </ol>, , item, item, item, item, , 1., 2., 3., 4., , 1</li>, 2</li>, 3</li>, 4</li>, , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4, , Numbered Special Start, , Numbered Special Start, <ol start="5">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , 5., 6., 7., 8., , <ol>, , ordered, list, , a., b., c., d., , A., B., C., D., , Lowercase Roman Numerals, <ol type="i">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4, , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4, , Capital Letters Special, Start, C., D., E., F., , Capital Letters Special Start, <ol type="A" start="3">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , 1, 2, 3, 4, , Capital Letters, , Capital Letters, <ol type="A">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , item, item, item, item, , Lowercase Letters, , Lowercase Letters, <ol type="a">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , List, List, List, List, , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4, , Lowercase Roman, Numerals, i., ii., iii., iv., , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4, , Capital Roman Numerals, I., II., III., IV., , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4
Page 6 : Capital Roman Numerals, <ol type="I">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , Capital Roman Numerals, Special Start, VII., VIII., IX., X., , List, List, List, List, , item, item, item, item, , 1, 2, 3, 4, , Capital Roman Numerals Special Start, <ol type="I" start="7">, <li>List item 1</li>, <li>List item 2</li>, <li>List item 3</li>, <li>List item 4</li>, </ol>, , <option>, , listbox, option, , <form method=post action="/cgibin/example.cgi">, <center>, Select an option:, <select>, <option>option 1</option>, <option selected>option 2</option>, <option>option 3</option>, <option>option 4</option>, <option>option 5</option>, <option>option 6</option>, </select><br>, </center>, </form>, This is an example displaying the use of the, paragraph tag. <p> This will create a line, break and a space between lines., Attributes:, , <p>, , <small>, , paragrap, h, , small, (text), , 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., <small>Example</small>, , Select an option: (Tip), option 2, , 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., Example, , (Tip)
