Name HTML Tag HTML Code Example Browser View

Name
HTML Tag
HTML Code Example
Browser View
HTML <!-Comment HTML Anchor HTML Bold HTML Big (Text) <a <b> <big>
 <a href="http://www.domain.com/"> Visit Our Site</a> <b>Example</b> <big>Example</big> Visit Our Site (Tip) Example
Example (Tip)
Body of HTML <body> Documen t HTML Line Break HTML Center <br> <center>
<body>The content of your HTML page</body>
Contents of your web page (Tip)
The contents of your page<br>The contents of The contents of your page your page The contents of your page <center>This will center your contents</center> <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> This is an <em>Example</em> of using the emphasis tag This will center your contents Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term This is an Example of using the emphasis tag
HTML Definition <dd> Descripti on
HTML Definition <dl> List
HTML Definition <dt> Term HTML <em> Emphasis
HTML Embed Object
<embed>
<embed src="yourfile.mid" width="100%" height="60" align="center">
(Tip)
HTML Embed Object
<embed src="yourfile.mid" autostart="true" hidden="false" loop="false"> <embed> <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. Example (Tip)
HTML Font HTML Font HTML Font
<font> <font> <font>
<font face="Times New Roman">Example</font> <font face="Times New Roman" size="4">Example</font> <font face="Times New Roman" size="+3" color="#ff0000">Example</font> <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>
Example (Tip)
Example (Tip)
Name: Email: (Tip)
HTML Form
<form>
HTML Heading 1 HTML Heading 2 HTML Heading 3 HTML Heading 4 HTML Heading 5 HTML Heading 6
<h1> <h2> <h3> <h4> <h5> <h6>
<h1>Heading 1 Example</h1> <h2>Heading 2 Example</h2> <h3>Heading 3 Example</h3> <h4>Heading 4 Example</h4> <h5>Heading 5 Example</h5> <h6>Heading 6 Example</h6>
Heading of HTML <head> Documen t HTML Horizont <hr> al Rule
<head>Contains elements describing the document</head>
Nothing will show
<hr />
Contents of your web page (Tip) Contents of your web page Contents of your web page
HTML Horizont <hr> al Rule
<hr width="50%" size="3" /> Contents of your web page Contents of your web page <hr width="50%" size="3" noshade /> Contents of your web page Contents of your web page Contents of your web page Contents of your web page Contents of your web page
HTML Horizont <hr> al Rule
<hr> HTML <hr width="75%" color="#ff0000" size="4" Horizont (Internet /> Explorer) al Rule
<hr> HTML <hr width="25%" color="#6699ff" size="6" Horizont (Internet /> Explorer) al Rule <html> <head> <meta> <title>Title of your web page</title> </head> <body>HTML web page contents </body> </html> <i>Example</i> <img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" />
HTML Hypertex <html> t Markup Language
Contents of your web page
HTML Italic HTML Image
<i> <img>
Example
(Tip)
Example 1: HTML Input Field <form method=post action="/cgibin/example.cgi"> <input type="text" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> Example 2: <form method=post action="/cgiExample 2: (Tip) bin/example.cgi"> <input> <input type="text" style="color: #ffffff; font(Internet family: Verdana; font-weight: bold; font-size: Explorer) 12px; background-color: #72a4d2;" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> Example 3: <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: <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 5: <input> <form method=post action="/cgiExample 4: (Tip) Example 3: (Tip) Example 1: (Tip)
<input>
HTML Input Field
HTML Input Field
<input>
HTML Input Field
<input>
HTML Input Field
Example 5: Tip)
bin/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:
Select an option:
HTML Input Field
<input>
<form method=post action="/cgibin/example.cgi"> Example 6: (Tip) Select an option:<br> <input type="radio" name="option"> Option Select an option: 1 <input type="radio" name="option" checked> Option 1 Option 2 Option 2 <input type="radio" name="option"> Option 3 Option 3 <br> <br> Select an option: Select an option:<br> Selection 1 <input type="checkbox" name="selection"> Selection 1 Selection 2 <input type="checkbox" name="selection" Selection 3 checked> Selection 2 <input type="checkbox" name="selection"> Selection 3 <input type="Submit" value="Submit"> </form> Example 1: <menu> <li type="disc">List item 1</li> <li type="circle">List item 2</li> <li type="square">List item 3</li> </MENU> Example 2: Example 1: (Tip)
o
HTML <li> List Item
List item 1 List item 2 List item 3
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> HTML Link <link> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head>
i. ii. iii. iv.
List item 1 List item 2 List item 3 List item 4
<marque <marquee bgcolor="#cccccc" loop="-1" HTML e> scrollamount="2" width="100%">Example Scrolling (Internet Marquee</marquee> Text Explorer) <menu> <li type="disc">List item 1</li> <li type="circle">List item 2</li> <li type="square">List item 3</li> </menu>
o
(Tip) List item 1 List item 2 List item 3
HTML Menu
<menu>
HTML Meta HTML Meta HTML Meta HTML Meta HTML Meta HTML Meta HTML Ordered List
<meta>
<meta name="Description" content="Description of your site"> Nothing will show (Tip) <meta name="keywords" content="keywords describing your site"> <meta HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain. Nothing will show (Tip) com/"> <meta http-equiv="Pragma" content="nocache"> <meta name="rating" content="General"> <meta name="robots" content="all"> <meta name="robots" content="noindex,follow"> Numbered Nothing will show (Tip) Nothing will show (Tip) Nothing will show (Tip) Nothing will show (Tip) Numbered 1. List item 1 2. List item 2 3. List item 3
<meta> <meta> <meta> <meta> <meta>
<ol>
<ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li>
<li>List item 4</li> </ol> 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> 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> 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> 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> 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>
4. List item 4 Numbered Special Start 5. 6. 7. 8. List item 1 List item 2 List item 3 List item 4
Lowercase Letters a. b. c. d. List item 1 List item 2 List item 3 List item 4
Capital Letters A. B. C. D. List item 1 List item 2 List item 3 List item 4
Capital Letters Special Start C. D. E. F. List item 1 List item 2 List item 3 List item 4
Lowercase Roman Numerals i. ii. iii. iv. List item 1 List item 2 List item 3 List item 4
Capital Roman Numerals I. II. III. List item 1 List item 2 List item 3
</ol> 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 <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> <form method=post action="/cgibin/example.cgi"> <center> Select an option: <select> <option>option 1</option> <option selected>option 2</option> <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. HTML Paragrap <p> h Attributes: <p align="left"> Example 1:<br /> <br /> This is an example<br> displaying the use<br> of the paragraph tag.</p>
IV.
List item 4
Capital Roman Numerals Special Start VII. VIII. IX. X. List item 1 List item 2 List item 3 List item 4
HTML Listbox Option
Select an option: (Tip)
This is an example displaying the use of the HTML paragraph tag. This will create a line break and a space between lines. Attributes: Example 1:
<p align="right"> Example 2:<br> <br> This is an example<br> displaying the use<br> of the paragraph tag.</p> <p align="center"> Example 3:<br> <br> This is an example<br> displaying the use<br> of the paragraph tag.</p>
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.
HTML Small (Text) HTML Deleted Text
<small>
<small>Example</small>
Example
(Tip)
<strike>
<strike>Example</strike>
Example
HTML <strong> <strong>Example</strong> Strong Emphasis Example 1: <table border="4" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> HTML Table <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
Example 1: (Tip) Column 1 Column 2
Example 2: (Tip) Column 1 Column 2
Example 3: (Tip) Column 1 Row 2 Column 2 Row 2
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> <table border="2" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> <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>
HTML Table Data
<td>
Column 1
Column 2
HTML Table Header
<th>
Colum n1 Row 2 Row 3 Row 4
HTML Documen <title> t Title
<title>Title of your HTML page</title> <table border="2" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> <tt>Example</tt> <u>Example</u> Example 1:<br> <br> <ul> <li>List item 1</li> <li>List item 2</li> </ul> <br> Example 2:<br> <ul type="disc"> <li>List item 1</li> <li>List item 2</li> <ul type="circle"> <li>List item 3</li> <li>List item 4</li> </ul> </ul>
Title of your web page will be viewable in the title bar. (Tip)
HTML Table Row
<tr>
Column 1
Column 2
HTML Teletype
<tt>
Example
HTML <u> Underline
Example
Example 1:

List item 1 List item 2
HTML Unordere <ul> d List
Example 2:

List item 1 List item 2 o List item 3 o List item 4

Name HTML Tag HTML Code Example Browser View

Uploaded by

Copyright:

Available Formats

Name HTML Tag HTML Code Example Browser View

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Name HTML Tag HTML Code Example Browser View

Uploaded by

Copyright:

Available Formats

Name

HTML Code Example

<body>The content of your HTML page</body>

Contents of your web page (Tip)

HTML Definition <dd> Descripti on

HTML Definition <dl> List

HTML Definition <dt> Term HTML <em> Emphasis

HTML Embed Object

<embed src="yourfile.mid" width="100%" height="60" align="center">

HTML Embed Object

<embed src="yourfile.mid" autostart="true" hidden="false" loop="false"> <embed> <noembed><bgsound src="yourfile.mid" loop="1"></noembed>

HTML Font HTML Font HTML Font

<font> <font> <font>

<h1> <h2> <h3> <h4> <h5> <h6>

Heading of HTML <head> Documen t HTML Horizont <hr> al Rule

<head>Contains elements describing the document</head>

Nothing will show

HTML Horizont <hr> al Rule

HTML Horizont <hr> al Rule

HTML Hypertex <html> t Markup Language

Contents of your web page

HTML Italic HTML Image

HTML Input Field

HTML Input Field

HTML Input Field

HTML Input Field

HTML Input Field

HTML <li> List Item

List item 1 List item 2 List item 3

i. ii. iii. iv.

List item 1 List item 2 List item 3 List item 4

(Tip) List item 1 List item 2 List item 3

<meta> <meta> <meta> <meta> <meta>

HTML Listbox Option

Select an option: (Tip)

HTML Small (Text) HTML Deleted Text

Example 1: (Tip) Column 1 Column 2

Example 2: (Tip) Column 1 Column 2

Example 3: (Tip) Column 1 Row 2 Column 2 Row 2

HTML Table Data

HTML Table Header

Colum n1 Row 2 Row 3 Row 4

Colum n2 Row 2 Row 3 Row 4

Colum n3 Row 2 Row 3 Row 4

HTML Documen <title> t Title

HTML Table Row

HTML <u> Underline

List item 1 List item 2

HTML Unordere <ul> d List

List item 1 List item 2 o List item 3 o List item 4

You might also like