|
|
EZeCom™ HTML Tips
Welcome to EZeCom, the easiest and most effective way to build and grow your business’ eCommerce revenue stream. This document is designed to help you use HTML (HyperText Markup Language) tags to spice up your Home Page tag line and product descriptions.
Paragraphs, Line Breaks, and Horizontal Lines
- Surround your paragraphs with the <p> </p> tags for a paragraph.
- The <br> tag starts a new line without skipping any space.
- To draw a line across the screen, use <hr> (for "horizontal rule").
|
Tag
|
How to use it
|
What it looks like
|
|
<p> </p>
|
<p> Buy my item! </p> <p> You'll enjoy it! </p>
|
Buy my item!
You'll enjoy it!
|
|
<br>
|
Buy my item! <br> You'll enjoy it!
|
Buy my item! You'll enjoy it!
|
|
<hr>
|
Buy my item! <hr> You'll enjoy it!
|
Buy my item!
You'll enjoy it!
|
Create Titles Six Different Ways
|
Tag
|
How to use it
|
What it looks like
|
|
<h1></h1>
|
<h1>Buy my item!</h1>
|
Buy my item!
|
|
<h2></h2>
|
<h2>Buy my item!</h2>
|
Buy my item!
|
|
<h3></h3>
|
<h3>Buy my item!</h3>
|
Buy my item!
|
|
<h4></h4>
|
<h4>Buy my item!</h4>
|
Buy my item!
|
|
<h5></h5>
|
<h5>Buy my item!</h5>
|
Buy my item!
|
|
<h6></h6>
|
<h6>Buy my item!</h6>
|
Buy my item!
|
Emphasize Words Using Bold, Italic, and Underline
|
Tag
|
How to use it
|
What it looks like
|
|
<b></b>
|
<b>Buy my item!</b>
|
Buy my item!
|
|
<i></i>
|
<i>Buy my item!</i>
|
Buy my item!
|
Change Your Font One Size at a Time Using <big> and <small> Tags
|
Tag
|
How to use it
|
What it looks like
|
|
<big> </big>
|
Buy <big>right away</big> for a great deal <big>and you</big> will save money!
|
Buy right away for a great deal and you will save money!
|
|
<small> </small>
|
Buy now! <small>Before they are all gone!</small>
|
Buy now! Before they are all gone!
|
Use Color
Liven type up with built-in colors like aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow or white.
|
Tag
|
How to use it
|
What it looks like
|
|
<font color=color> </font>
|
Buy <font color=green> now</font> and you will save!
|
Buy now and you will save!
|
|
<font color=color> </font>
|
Buy <font color=blue> now</font> and you will save!
|
Buy now and you will save!
|
Center Your Text
|
Tag
|
How to use it
|
What it looks like
|
|
<center> </center>
|
<center>Buy now!</center>
|
Buy now!
|
Create Lists with Bullets or Numbers
- Begin your list with <ol> for an ordered, or numbered, list.
- Start the list with <ul> for a bulleted list.
- Each item in the list should have an <li> tag at the beginning and </li> at the end.
|
Tag
|
How to use it
|
What it looks like
|
|
<ul> </ul>
|
This item is: <ul> <li>New</li> <li>In excellent condition</li> </ul>
|
This item is:
- New
- In excellent condition
|
|
<ol> </ol>
|
This item is: <ol> <li>New</li> <li>In excellent condition</li> </ol>
|
This item is:
- New
- In excellent condition
|
Add a Picture to Your Text
Use the <img> tag and indicate the Web address for the picture.
|
Tag
|
How to use it
|
What it looks like
|
|
<img>
|
<img src="http://www.yourdomain.com/images/yourpicture.jpg">
|
Your picture will appear in the Web browser at the spot where your tag is listed.
|
Hyperlink Text
Use the <a href> tag to hyperlink text to a web page.
|
Tag
|
How to use it
|
What it looks ike
|
|
<a href=“ ”>
|
<a href="http://www.mapdatasystems.com/EZeCommerce">Storefront</a>
|
Storefront
|
Try Tag Combinations
Use combinations of HTML tags to get the exact look you want.
|
Tag
|
How to use it
|
What it looks like
|
|
<center><b><i>
|
<center><b><i>Buy now!</i></b></center>
|
Buy now!
|
|
|