Basic HTML tags

    Here you are some of the common html tags you will use when adding or modifying products in your shopsite online store.

    There are many variations and way to layout product information to make it look the way you want to your customers. What we will show you here is a very simple way to accomplish basic layouts.

    Line Break

    <br> Will end the line and go to the next.

    Example 1: If I type this <br> on this line, it will look like this.:

    If I type this
    on this line, it will look like this.

    Example 2: If I type this <br> <br> on this line, it will look like this.:

    If I type this

    on this line, it will look like this.

    Extra Spaces

    &nbsp; will create an extra space between words.

    Example: If I type        this, I will see:

    If I type this, I will see

    Example 2: If I type &nbsp; &nbsp; &nbsp; &nbsp; I will see:

    If I type     I will see (showing the first natural space and then 4 "extra spaces")

    Bold

    There are two ways to do this. You can use <b> </b> around the words you want bold, or you use <strong> </strong>

    So why use <strong> instead of <b> to get the same effect when it takes longer to type? The <strong> tag is a "logical" tag. This means that it is used deliberately when the designer wants to add emphasis to particular words or phrases. Some screen readers may use a different inflection when they come across these tags to communicate the emphasis. The <b> tag is primarily for visual effect..

    Example 1: . <b>Guaranteed</b> will look like this guaranteed

    Example 2: . <strong>Guaranteed</strong> will look like this guaranteed

    Italics

    There are two ways to do this. You can use <i> </i> around the words you want bold, or you use <em> </em>

    So why use <em> instead of <i> to get the same effect when it takes longer to type? The <em> tag is a "logical" tag. This means that it is used deliberately when the designer wants to add emphasis to particular words or phrases. Some screen readers may use a different inflection when they come across these tags to communicate the emphasis. The <i> tag is primarily for visual effect..

    Example 1: . <i>Guaranteed</i> will look like this guaranteed

    Example 2: . <em>Guaranteed</em> will look like this guaranteed

    Bulleted List

    To get a list that looks like this:

    • statement 1
    • statement 2
    • statement 3

    Type this:

    <ul>
    <li>statement 1</li>
    <li>statement 2</li>
    <li>statement 3</li>
    </ul>

    Note: the list must begin with <ul> and end with </ul>. Each line must begin with <li> and end with </li>. The bullet style can be changed in the style sheet. Feel free to call us if you need help with.

    Alignment

    Most often you will want to align your text to the left. To do that use <div align="left"> before your content and </div> after your content.

    To center your content use <div align="center"> before your content and </div> after your content.