Académique Documents
Professionnel Documents
Culture Documents
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
<a -
anchor
<a href="http://www.domain.com/">
Visit Our Site</a>
<b>
bold
<b>Example</b>
Example
<big>
Example (Tip)
<body>
body of
HTML <body>The content of your HTML
documen page</body>
t
<br>
line
break
<center> center
<dd>
<dl>
definitio <dt>Definition Term</dt>
n
<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>
definitio <dd>Definition of the term</dd>
<dt>Definition Term</dt>
n list
<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>
definitio <dd>Definition of the term</dd>
n 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>
This is an Example of
<embed>
embed
object
(Tip)
<bgsound
src="wonderfu.mid"
autostart="false"
loop="1" />
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.
<embed>
embed
object
<font>
font
Example (Tip)
<font>
font
Example (Tip)
<font>
font
Example (Tip)
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>
<form>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
heading
1
heading
2
heading
3
heading
4
heading
5
heading
6
<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>
<head>
heading
of
Name:
Email:
Submit
(Tip)
HTML
documen
t
<hr>
horizont
<hr />
al rule
<hr>
<hr>
horizont
<hr width="50%" size="3" />
al rule
horizont
<hr width="50%" size="3" noshade />
al rule
<hr>
horizont <hr width="75%" color="#ff0000" size="4"
(Internet
/>
al rule
Explorer)
<hr>
horizont <hr width="25%" color="#6699ff" size="6"
(Internet
/>
al rule
Explorer)
<html>
<html>
<head>
<meta>
hypertex
<title>Title of your web page</title>
t markup
</head>
language
<body>HTML web page contents
</body>
</html>
<i>
italic
<i>Example</i>
<img>
image
<input>
input
field
Example 1:
Example
(Tip)
Example 1: (Tip)
Submit
Example 2:
<input>
input
(Internet
field
Explorer)
<input>
input
field
Example 3: (Tip)
Example 4:
Example 4: (Tip)
<input>
<input>
input
field
input
field
Submit
Clear
Example 5:
Example 5: Tip)
Select an option:
option 2
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>
Submit
Example 6:
<input>
input
field
<li>
list item
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>
List item 1
List item 2
List item 3
Example 2:
Example 2:
<ol type="i">
i.
ii.
List item 1
List item 2
link
iii.
iv.
List item 3
List item 4
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
</head>
<marque
<marquee bgcolor="#cccccc" loop="-1"
e>
scrolling
scrollamount="2" width="100%">Example
(Internet text
Marquee</marquee>
Explorer)
(Tip)
<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>
<meta>
meta
<meta name="Description"
content="Description of your site">
Nothing will show (Tip)
<meta name="keywords" content="keywords
describing your site">
<meta>
meta
<meta HTTP-EQUIV="Refresh"
CONTENT="4;URL=http://www.yourdomain Nothing will show (Tip)
.com/">
<meta>
meta
<meta>
meta
<meta>
meta
<meta>
meta
<meta name="robots"
content="noindex,follow">
Numbered
Numbered
<ol>
ordered
list
<ol>
<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.
List item 1
List item 2
List item 3
List item 1
List item 2
List item 3
List item 4
5.
6.
7.
8.
Lowercase Letters
a.
b.
c.
d.
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 item 1
List item 2
List item 3
List item 4
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
<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>
</ol>
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.
IV.
List item 1
List item 2
List item 3
List item 4
Capital Roman
List item 1
List item 2
List item 3
List item 4
listbox
<option>
option
<p>
This is an example
displaying the use of the
paragraph tag.
Attributes:
Attributes:
Example 1:
This is an example
displaying the use
<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>
small
(text)
<small>Example</small>
Example
<strike>
deleted
text
<strike>Example</strike>
Example
<strong>
strong
<strong>Example</strong>
emphasis
(Tip)
Example
Example 1:
<table>
table
Example 1: (Tip)
Example 2: (Tip)
Column 1
Column 1
Column 2
Column 2
Example 3: (Tip)
Column 1
Column 2
Row 2
Row 2
<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
data
<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>
documen
<title>Title of your HTML page</title>
t title
<td>
Column 1 Column 2
Colum
n1
Row 2
Row 3
Row 4
Colum
n2
Row 2
Row 3
Row 4
Colum
n3
Row 2
Row 3
Row 4
<tr>
<tt>
teletype
<u>
underlin
<u>Example</u>
e
<ul>
Example 1:<br>
<br>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<br>
unordere Example 2:<br>
d list
<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>
<tt>Example</tt>
Column 1 Column 2
Example
Example
Example 1:
List item 1
List item 2
Example 2:
List item 1
List item 2
o List item 3
o List item 4
"I have learned more from this web design course than I did from a
course I took in college!" - Joseph Seeles
More