XHTML Tags Chart
|
| Tag |
Name |
Code Example |
| <!-- |
comment |
<!--This can be viewed in the HTML part of a
document--> |
| <!DOCTYPE> |
document type |
<!--!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
> |
| Tag |
Name |
Code Example for Head Section |
| <html> |
hypertext markup language |
<html>Defines an html
document</html> |
| <head> |
heading of document |
<head>Defines informationabout the
document</head> |
| <title> |
document title |
<title>Title of your
webpage</title> |
| <meta> |
meta |
<meta name="Description"
content="Description of your site" />
<meta name="keywords" content="keywords describing your
site" / > |
| <link> |
link |
< link rel="stlesheet" type=txt/css"
href="theme.css" /> |
| Tag |
Name |
Code Example for Body Section |
| <body> |
body of document |
<body>The content of your
page</body> |
| <br /> |
line break |
The contents of your page<br />The
contents of your page |
| <center> |
center |
<center>This will center your
contents</center> |
| <p> |
paragraph |
<p
align="left">Paragraph</p>
<p align="right">Paragraph</p>
<p align="center">Paragraph</p>
|
| <font> |
font |
<font face="veranda" size="+2"
color="#000000">Example</font> |
| <h1> |
heading 1 |
<h1>Heading 1
Example</h1> |
| <h2> |
heading 2 |
<h2>Heading 2
Example</h2> |
| <h3> |
heading 3 |
<h3>Heading 3
Example</h3> |
| <h4> |
heading 4 |
<h4>Heading 4
Example</h4> |
| <h5> |
heading 5 |
<h5>Heading 5
Example</h5> |
| <h6> |
heading 6 |
<h6>Heading 6
Example</h6> |
| <b> |
bold |
<b>Example</b> |
| <strong> |
strong emphasis |
<strong>Example</strong> |
| <big> |
big (text) |
<big>Example</big> |
| <em> |
emphasis |
This is an <em>Example</em>
of using the emphasis tag |
| <tt> |
teletype |
<tt>Example</tt> |
| <u> |
underline |
<u>Example</u> |
| <small> |
small (text) |
<small>Example</small> |
| <hr> |
horizontal rule |
<hr align="center" width="50%" size="3"
noshade /> |
| <i> |
italic |
<i>Example</i> |
| Tag |
Name |
Code Example for Forms Section |
| <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> |
| <input> |
input field |
<form method=post
action="/cgi-bin/example.cgi">
<input type="text" size="10" maxlength="30" />
<input type="Submit" value="Submit" />
</form> |
| <option> |
listbox option |
<form method=post
action="/cgi-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 />
</center>
</form> |
| Tag |
Name |
Code Example for List |
| <ol> |
ordered list |
Example 1:
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Example 2:
<ol type="a">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol> |
| <ul> |
unordered list |
Example 1:
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
Example 2:
<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> |
| <menu> |
menu |
<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 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:
<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</olL> |
| <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> |
| <dd> |
definition description |
<dl>
<dt>Definition Term
<dd>Definition of the term
<dt>Definition Term
<dd>Definition of the term
</dl> |
| Tag |
Name |
Code Example for Tables |
| <table> |
table |
<table border="4" cellpadding="2"
celspacing="2" with="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table> |
| <td> |
table data |
<table border="4" cellpadding="2"
celspacing="2" with="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table> |
| <th> |
table header |
<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>
|
| <tr> |
table row |
<table border="2" cellpadding="2" cellspacing="2"
width="100%">
<tr>
<td>Column 1</td>
<td>Column
2</td>
</tr>
</table> |
| Tag |
Name |
Code Example for Links and Images |
| <a> |
anchor |
<a
HREF="http://www.yourdomain.com/">Visit Our
Site</a> |
| <img> |
image |
<img SRC="Earth.gif" width="41" height="41"
border="0" alt="a sentence about your site" /> |
This is not a complete list of tags just some
of the more common ones. In ordr to get a complete list go
W3C
Schools
|
