HTML Codes Ac

HTML Codes
If you're looking for some HTML codes to spice up your website, you've come to
the right place. You will find a variety of HTML tags and tips to assist you below.

Text Codes
HTML Bold Code
HTML Strong Code
HTML Italic Code
HTML Emphasis Code
HTML Underline Code
HTML Small (Text) Code
HTML Big (Text) Code
HTML Font Codes
HTML Paragraph Code
HTML Line Break Code
HTML Heading Codes
HTML Deleted Text Code
HTML Center Code
HTML Horizontal Rule Codes

Link Codes
HTML Link Code
HTML Anchor Code
HTML Email Link Code

Image Codes
HTML Image Codes

Table Codes
HTML Table Codes
HTML Table Header Code
HTML Table Row Code
HTML Table Data Code

List Codes
HTML List Item Codes
HTML Ordered List Code
HTML Unordered List Code
HTML Definition List Code
HTML Definition Term Code
HTML Definition Description
Code
HTML Menu Code

Form Codes
HTML Form Codes
HTML Input Field Codes
HTML Input Field Password
HTML Listbox Option Codes
HTML Input Background
Color Codes
HTML Input Image Submit
Button Codes
HTML Input Comment Box
Code
HTML Input Radio Button
Code
HTML Input Checkbox Code

Music / Video
Codes
HTML Embed Object Codes

Marquee Codes
HTML Scrolling Text Codes

Web Page Codes
HTML Hypertext Markup
Language Codes
HTML Body Code
HTML Head Code
HTML Meta Codes
HTML Title Code
HTML Comment Code

How to Copy and Paste Codes
To copy and paste the HTML codes from the HTML chart below into the HTML
of your web page, place your mouse pointer over the beginning of the HTML code
eTips
Membe
r Login

Enter your
email
address and
password to
enter the
private
membership
area:

Em
ail:

Pas
swo
rd:

Lost
Password?
E
m
ail
:

Not yet a
member?

Click here to
see what you're
missing! Club
members
receive access
to dozens of
free video
tutorials,
utilities and
ebooks.

Our
Product
s

Web Design
Mastery
Mastering
Web Hosting
eBook
Starter

Partner
Sites

100% Free
Websites

you would like to copy. Next, click and hold your left mouse button and drag your
mouse over all the HTML code you would like to copy (Example of highlighted
text). Your HTML code should now be highlighted. Go to "Edit" - "Copy" on your
web browser's toolbar and then place your cursor within your HTML code where
you would like to place the code. Right click on your mouse and go to "Paste."
Your HTML code should now be displaying within your HTML document.
For a basic HTML tutorial, visit the 'How to Code in HTML' section.

HTML Tags
Name
HTML
Tag
HTML Code Example Browser View
HTML
Commen
t

Nothing will show
(Tip)
HTML
Anchor
<a>
<a
href="http://www.domain.co
m/">
Visit Our Site</a>
Visit Our Site
(Tip)
HTML
Bold
<b> <b>Example</b> Example
HTML
Big
(Text)
<big> <big>Example</big> Example (Tip)
Body of
HTML
Docume
nt
<body
>
<body>The content of your
HTML page</body>
Contents of your
web page (Tip)
HTML
Line
Break
<br>
The contents of your
page<br>The contents of your
page
The contents of
your page
The contents of
your page
HTML
Center
<cente
r>
<center>This will center your
contents</center>
This will center
your contents
HTML
Definitio
n
Descript
ion
<dd>
<dl>
<dt>Definition Term</dt>
<dd>Definition of the
term</dd>
term</dd>
</dl>
Definition Term
Definitio
n of the
term
Definition Term
Definitio
n of the
term
HTML
Definitio
n List
<dl>
<dl>
term</dd>
term</dd>
</dl>
Definition Term
Definition
of the
term
Definition Term
Definition
of the
term
HTML
Definitio
n Term
<dt>
<dl>
term</dd>
Definition Term
Definition
of the
term
Definition Term

Plug-in
Profits
Site Build
It!
Web Site
Templates

Web
Site
Design

HTML Tips
PC
Security
CSS
Tutorial
HTML
Codes
Video
Tutorials
Web
Design Tips
JavaScript
Codes
JavaScript
Tutorial
Java
Applet
Tutorial
216 Web
Safe Colors
Web Site
Development
ASCII
Character
Codes

Web
Site
Tools

Domain
Search
Format
Your Text
Create
Meta Tags
Text to
HTML
Converter
Color Code
Converter
CSS
Generator
Bookmark
Site
Generator
Button
Generator
term</dd>
</dl>
Definition
of the
term
HTML
Emphasi
s
<em>
This is an
<em>Example</em> of
using the emphasis tag
This is an
Example of using
the emphasis tag
HTML
Embed
Object
<embe
d>
<embed src="yourfile.mid"
width="100%" height="60"
align="center">

(Tip)
HTML
Embed
Object
<embe
d>
<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.
HTML
Font
<font>
<font face="Times New
Roman">Example</font>
Example (Tip)
HTML
Font
<font>
Roman"
size="4">Example</font>
Example (Tip)
HTML
Font
<font>
Roman" size="+3"
color="#ff0000">Example</f
ont>
Exampl
e (Tip)
HTML
Form
<form
>
<form
action="mailto:you@yourdoma
in.com">
Name: <input name="Name"
value="" size="10"><br>
Email: <input name="Email"
value="" size="10"><br>
<center><input
type="submit"></center>
</form>
Name:
(Tip)
Email:

Name
HTM
L
Tag
HTML Code
Example
Browser View
Rollover
Button
Generator
Rollover
Text Button
Generator
Colored
Scrollbar
Generator
Table
Generator
Article
Syndication
Free
Classified
Ads

HTM
L
Head
ing 1
HTM
L
Head
ing 2
HTM
L
Head
ing 3
HTM
L
Head
ing 4
HTM
L
Head
ing 5
HTM
L
Head
ing 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>

Head
ing
of
HTM
L
Docu
ment
<he
ad>
<head>Contains
elements describing
the
document</head>
Nothing will show
HTM
L
Horiz
ontal
Rule
<hr
>
<hr />

Contents of your web
page (Tip)

page
HTM
L
Horiz
ontal
Rule
<hr
>
<hr width="50%"
size="3" />
page

page
HTM
L
Horiz
ontal
Rule
<hr
>
<hr width="50%"
size="3" noshade />
page

page
HTM
L
Horiz
ontal
Rule
<hr
>
(Inte
rnet
Expl
orer
)
<hr width="75%"
color="#ff0000"
size="4" />
page

page
HTM
L
Horiz
ontal
<hr
>
(Inte
rnet
<hr width="25%"
color="#6699ff"
size="6" />
page

Rule Expl
orer
)
page
HTM
L
Hype
rtext
Mark
up
Lang
uage
<ht
ml>
<html>
<head>
<meta>
<title>Title of your
web page</title>
</head>
<body>HTML web
page contents
</body>
</html>
page
HTM
L
Italic
<i> <i>Example</i> Example
HTM
L
Ima
ge
<im
g>
<img src="Earth.gif"
width="41"
height="41"
border="0" alt="text
describing the
image" />
(Tip)
HTML
Input
Field
<input>
Example:

<form method=post
action="/cgi-
bin/example.cgi">
<input type="text"
size="10"
maxlength="30">
<input type="Submit"
value="Submit">
</form>
Example:
(Tip)

HTML
Input
Pass
word
<input>
<form method=post
action="/cgi-
bin/example.cgi">
<input
type="password"
size="10"
maxlength="30">
<input type="Submit"
value="Submit">
</form>

HTM
L
Inpu
t
(Bac
kgro
und
Color
)
<inp
ut>
(Inte
rnet
Expl
orer
)
Example:

<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
Example: (Tip)

type="Submit"
value="Submit">
</form>
HTM
L
Inpu
t
(Ima
ge
Sub
mit
Butt
on)
<inp
ut>
Example:

<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"></t
d><td
bgcolor="#8463ff"
valign="Middle">
<input type="image"
name="submit"
src="yourimage.gif"
></td></tr>
</table>
</form>
Example: (Tip)

DisplayText cannot span more than one line!

HTM
L
Inpu
t
(Co
mme
nt
Box)
<inp
ut>
Example:

<form method=post
action="/cgi-
bin/example.cgi">
Enter Your
Comments:<br>
<textarea
wrap="virtual"
name="Comments"
rows=3 cols=20
maxlength=100></t
extarea><br>
<input
type="Submit"
value="Submit">
<input
type="Reset"
value="Clear">
</form>
Example: (Tip)

HTM
L
Inpu
t
(Rad
io
Butt
on)
<inp
ut>
Example:

<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">
Example: (Tip)

Select an option:
Option 1
Option 2
Option 3

Option 3
<input
type="Submit"
value="Submit">
</form>
HTM
L
Inpu
t
(Che
ckbo
x)
<inp
ut>
Example:

<form method=post
action="/cgi-
bin/example.cgi">
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>
Example: (Tip)

Select an option:
Selection 1
Selection 2
Selection 3

HTM
L
List
Item
<li>
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>
</ol>
Example 1: (Tip)
List item 1
o List item 2
List item 3

Example 2:
i. List item
1
ii. List
item 2
iii. List
item 3
iv. List
item 4

HTM
L
Link
<lin
k>
<head>
<link
rel="stylesheet"
type="text/css"
href="style.css" />
</head>

HTM
L
Scrol
ling
Text
<ma
rque
e>
(Inte
rnet
Expl
orer
)
<marquee
bgcolor="#cccccc"
loop="-1"
scrollamount="2"
width="100%">Exa
mple
Marquee</marque
e>
(Tip)
HTM
L
Men
u
<me
nu>
<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
o List item 2
List item 3

HTM
L
Meta
<me
ta>
<meta
name="Description"
content="Description
of your site">
<meta
name="keywords"
content="keywords
describing your
site">
Nothing will show (Tip)
HTM
L
Meta
<me
ta>
<meta HTTP-
EQUIV="Refresh"
CONTENT="4;URL=h
ttp://www.yourdoma
in.com/">
HTM
L
Meta
<me
ta>
<meta http-
equiv="Pragma"
content="no-
cache">
HTM
L
Meta
<me
ta>
<meta
name="rating"
content="General">
HTM
L
Meta
<me
ta>
<meta
name="robots"
content="all">
HTM
L
Meta
<me
ta>
<meta
name="robots"
content="noindex,fol
low">

Name
HTML
Tag
HTML Code Example Browser View
HTML
Ordere
d List
<ol>
Numbered

<ol>
<li>List item 1</li>
Numbered
1. List item 1
2. List item 2
3. List item 3
4. List item 4
</ol>

Numbered Special Start

<ol start="5">
</ol>

Lowercase Letters
<ol type="a">
</ol>

Capital Letters
<ol type="A">
</ol>

Capital Letters Special Start
<ol type="A" start="3">
</ol>

Lowercase Roman Numerals
<ol type="i">
</ol>

Capital Roman Numerals
<ol type="I">
</ol>

Capital Roman Numerals
Special Start
<ol type="I" start="7">
Numbered Special
Start
5. List item 1
6. List item 2
7. List item 3
8. List item 4
Lowercase Letters
a. List item 1
b. List item 2
c. List item 3
d. List item 4
Capital Letters
A. List item 1
B. List item 2
C. List item 3
D. List item 4
Capital Letters Special
Start
C. List item 1
D. List item 2
E. List item 3
F. List item 4
Lowercase Roman
Numerals
i. List
item 1
ii. List
item 2
iii. List
item 3
iv. List
item 4
Capital Roman
Numerals
I. List
item 1
II. List
item 2
III. List
item 3
IV. List
item 4
Capital Roman
Numerals Special Start
VII. List
item 1
VIII. List
item 2
IX. List
item 3
X. List
item 4
</ol>
HTML
Listbox
Option
(Drop
Down
Box)
<optio
n>
<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>
Select an option: (Tip)

HTML
Mailto
Email
Link
<a>
<a
href="mailto:you@yourdomai
n.com">Email Link</a>
Email Link
HTML
Paragr
aph
<p>
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 align="left">
Example 1:<br />
<br />
This is an example<br>
displaying the use<br>
of the paragraph tag.</p>
<p align="right">
Example 2:<br>
<br>
<p align="center">
Example 3:<br>
<br>
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:

This is an example
displaying the use
of the paragraph tag.
Example 2:

This is an example
displaying the use
Example 3:

This is an example
displaying the use
HTML
Small
(Text)
<smal
l>
<small>Example</small> Example (Tip)
HTML
Delete
d Text
<strik
e>
<strike>Example</strike> Example
HTML
Strong
<stro
ng>
<strong>Example</strong
>
Example
HTML
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)
Column 1 Column 2

Example 2: (Tip)
Column 1 Column 2

Example 3: (Tip)
Column 1 Column 2
Row 2 Row 2
HTML
Table
Data
<td>
<table border="2"
cellpadding="2"
cellspacing="2"
width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column
1
Column
2

HTML
Table
Header
<th>
<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
Colu
mn 1
Colu
mn 2
Colu
mn 3
Row 2 Row 2 Row 2
Row 3 Row 3 Row 3
<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>
Row 4 Row 4 Row 4
HTML
Docum
ent
Title
<title
>
<title>Title of your HTML
page</title>
Title of your web page
will be viewable in the
title bar. (Tip)
HTML
Table
Row
<tr>
<table border="2"
cellpadding="2"
cellspacing="2"
width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
Column
1
Column
2

HTML
Telety
pe
<tt> <tt>Example</tt> Example
HTML
Underli
ne
<u> <u>Example</u> Example
HTML
Unorde
red
List
<ul>
Example 1:<br>
<br>
<ul>
</ul>
<br>
Example 2:<br>
<ul type="disc">
<ul type="circle">
</ul>
</ul>
Example 1:
List item 1
List item 2

Example 2:
List item 1
List item 2
o List
item 3
o List
item 4

For additional information about coding in HTML, see the 'How to Code in
HTML' section.

Note: All of the HTML codes and tutorials are by Shelley
Lowery. For additional tutorials to assist you in web design
and much more, click here to sign up for our free membership
club. You will instantly receive a wealth of quality information,
such as dozens of video tutorials, several informative ebooks,
utilities to assist you in creating buttons, tables, meta tags, and more. Best of
all, it's completely free.

Would you like to learn how to
design your own web site?
Whether you are a complete beginner or have some web
site design experience, this web design course will teach
you how to plan, design, build and market your own web
site

If you like these codes, you'll love Web Design Mastery.
Get these codes and many more.

"I have learned more from this web design course than I
did from a course I took in college!" - Joseph Seeles

More

HTML Codes and Tips
When you begin designing your HTML web pages, you may find that many HTML courses fall
short when it comes to providing you with special effect HTML codes and tips.

However, there are many special effect HTML codes that will enable you to enhance your visitors
experience tremendously.

When trying to decide what HTML codes to use within your web pages, keep in mind, if it doesn't
enhance your web page, it's probably best to leave it out, as the more special effects you add to your
page, the longer your page will take to load.

In addition, prior to using any of these HTML codes and tips within your web pages, you must
ensure that the effect you're trying to achieve doesn't irritate your visitors.

For example, using HTML codes that load web pages within web pages may crash your visitors
browser. In addition, using excessive pop up windows, frames and placing scrolling text within the
status bar can be very irritating and cause your visitors to leave your web site and never return.

Please ensure you select your special HTML codes very carefully and use them to assist you in your
web design endeavors.

Web Design Mistakes

Confusing
Pop up messages
Poor load time
Over use of Java

Poor overall appearance
Poor use of HTML tables
Spelling/Grammar mistakes
Poor organization
Inconsistent page design
No contact information
No 'about us' page
No privacy policy
Different backgrounds on each page
Poor content
Poor navigation
Over powering music set to auto play
Broken HTML code links and graphics
Poor browser compatibility
Large slow loading graphics
Too many graphics
Large Welcome banners
Flashing banners
Pages scrolling to oblivion
Multiple colored text
Multiple use of animated graphics
Text difficult to read
Animated bullets
No Meta tags
Too many graphic and/or line dividers
Multiple use of different fonts
Under construction signs
Busy, distracting backgrounds
Scrolling text in the status bar
Multiple banners and buttons
Large scrolling text across the page
Poor use of HTML code frames
Large fonts
Poor use of mouse over effect

When you begin designing your web site, try to keep your main HTML page as small as possible.
For example, instead of trying to cram all your information into a single web page, consider creating
sections for your content. These sections can contain highlights of your content with a link to further
information. You can set up your content sections in HTML tables with colored heading sections for
information, such as articles, products or whatever you'd like.

To keep your main HTML page smaller, it is much better to keep it down to the most essential
elements. You can then use links to additional pages to provide the detailed information. A good rule
of thumb is Less is More.

To enhance your web page, you can format your text using bold headlines, colored HTML table
cells, and graphic bullets and/or arrows.

If you use the same graphic bullets and arrows throughout your page, you can enhance your page's
appearance, but you won't add any additional time to your web page load time. When you reuse an
image, your image only has to load once. When the image has loaded, it will instantly be displayed
in all of the other locations.

If you're looking for some HTML codes and tips to spice up your web site, you've come to the right
place. You will find a variety of HTML codes and tips below. Simply click on the links and copy
and paste the codes into your web page according to the instructions.

Changing Table Background Colors on
Mouseover

Embedding Web Pages within Web Pages

Create a Gradient Background Effect

Auto Fill Email Subject and Body

Open A New Window on Page Unload

Spacing Between Images

Protect Your Email Address From Spam
Robots

Open A Web Page In A New Window

Redirect Visitors To Another Page

Colored Text Boxes

Using An Image "submit" button

Customizing Horizontal Rules - Line
Dividers

Creating an HTML Vertical Rule - Line
Divider

Adding Color To Your Table Background

Adding An Image Background To Your
Tables

Adding Color To Your Table Borders

Using Style Tags For Mouse Over Link
Effects

How to Make Your Background Image
Stationary
Replacing Your Standard Bullets With
Graphic Bullets

Creating a Placeholder for an Empty Table
Cell

Displaying Text With An Image

Creating an Email Form

Removing Link Underline

Changing Link Colors

Linking To a Specific Location on a Page

Escape From Frame Link

Resizing Your Images

Changing Web Page Margins

Mouseover Text Description

Status Bar Link Description

Auto Fill Email Subject

Highlighting FFA Links

Ad Tracking With a Link

Preventing Browser Cache

Preventing Search Engine Indexing

Note: All of the HTML codes and tutorials are by Shelley Lowery. For additional
tutorials to assist you in web design and much more, click here to sign up for our
free membership club. You will instantly receive a wealth of quality information,
such as dozens of video tutorials, several informative ebooks, utilities to assist you
in creating buttons, tables, meta tags, and more. Best of all, it's completely free.

Would you like to learn how to design your own web site?
Whether you are a complete beginner or have some web site design experience, this web
design course will teach you how to plan, design, build and market your own web site

If you like these codes, you'll love Web Design Mastery. Get these codes and many more.

"I have learned more from this web design course than I did from a course I took in
college!" - Joseph Seeles

More

Web Design Information:
Web Development
HTML Codes
HTML Tips
Web Design Tips
Javascript Snippets
216 Safe Colors
Symbols
Web Design Articles:
Selecting a Quality Domain Name
Selecting the Best Web Design Language for Your Project
Bring Your Web Site to Life With PHP
The Birth of a Professional Web Site (10 part series)
Increase Your Traffic by Recovering Your Lost Visitors
Using HTML Tables to Format Your Web Page
HTML Forms -- Back to the Basics and Beyond Part One - Basic Forms Tutorial
HTML Forms -- Back to the Basics and Beyond Part Two - Advanced Forms
HTML Forms -- Back to the Basics and Beyond Part Three - Form Tips & Tricks
35 Deadly Web Site Sins that will Kill Your Business!
Selecting A Quality Web Host
Mini-Sites -- Highly Targeted Sales Generators
Spice Up Your Web Site with JavaScript
Use CGI to Automate Your Web Site
Give Your Graphics A Professional Look without the Price
Use JavaScript to Dynamically Update Your Website
10 Website Essentials to Increase Your Sales
Is Your Domain Name A Trademark Infringement?
Steps to Optimizing Your HTML Codes
The Secrets to Building a Successful Website

If you've found these HTML codes and tips helpful and would like to submit your own HTML codes
to be included on our site, simply send us an email with a complete description of what the HTML
code does, the actual code and the name and web address you would like to include. If selected, your
HTML code will be placed on our site, as well as your credits and a link to your web site.
Back

HTML Codes Ac

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

HTML Codes Ac

Uploaded by

Copyright:

Available Formats

HTML Codes

You might also like