Basic Html Codes For Product Descriptions and Blog Posts

Some easy to follow tips for styling your product descriptions or Blog posts using some very Basic HTML

This post is intended to be of use to anyone just starting out with their first online venture who has little or no experience of using HTML code.

All Shopping Cart and Blogging Software require the user to have some HTML knowledge to format the text and graphics that they want to post on their site, wether it’s to format the text layout, colour and size, add additional images or create link text or images. Most cart or blogging software have the WYSIWYG (what you see is what you get) editing facilities inbuilt to their Admin Panels but we realise that even these can be a minefield to a novice.

Getting familiar with the basic Html codes or ‘tags’ is a must and is well worth the effort as there is nothing more off-putting to a potential customer on your site than seeing blocks of unstyled text and images in random positions or links not formatted properly that don’t work.

It’s worth pointing out that your Shopping Cart software or Blog software will have the styles for various HTML tags already defined within the CSS (Cascading Style Sheet) files so by using some of the following tags within your text you are telling your software to implement these styles that are already defined, a bit like a prompt to your software, telling it what you are trying to achieve with the appearance of your text, images or links.

Some Basic HTML text Tags

HTML Text Tag Examples

Paragraph
<p>This is a html paragraph tag and it goes at the beginning of each paragraph, to be really tidy you should end your paragraph with the closing tag like this.</p>
<p>This is a another html paragraph tag and like before it goes at the beginning of the paragraph, to be really tidy you should end your paragraph with another closing tag like this.</p>

Wll look like this….

This is a html paragraph tag and it goes at the beginning of each paragraph, to be really tidy you should end your paragraph with the closing tag like this.

This is a another html paragraph tag and like before it goes at the beginning of the paragraph, to be really tidy you should end your paragraph with another closing tag like this.

Bold Text
This is the html <b> BOLD TEXT </b> tag.

Which will give you this

This is the html BOLD TEXT tag.

Underlined Text
This is the html <u> Underlined text </u> tag.

Which will give you this

This is the html Underlined text tag.

Italic Text
This is the html <i> Italic text </i> tag.

Which will give you this

This is the html Italic text tag.

Text Sizes

There are a number of options for changing text size using HTML but the simplest ones are as follows..

This is the html <small> small text </small> tag.

Which will give you this

This is the html small text tag.

This is the html <big> big text </big> tag.

Which will give you this

This is the html big text tag.

Text Colours

There are a number of options for changing text colour using HTML but the simplest one is as follows..

This is the html <font color=”green”> Green text </font> tag.

Which will give you this

This is the html Green text tag.

Or if you want a specific colour to match part of your site then you could use the ‘hex’ code if you know it like this….

This is the html <font color=”#ff0000″> Red text using hex codes </font> tag.

Which will give you this

This is the html Red text using hex codes tag.

Creating a hyperlink

This is something that we are frequently asked how to do, here are a couple of good examples of how to create HTML hyperlinks for text and images.

This is the html for a hyperlink with <a href=”http://www.eshopsforsale.co.uk”> Your Anchor Text Here </a> easy when you know how isn’t it.

Which will give you this

This is the html for a hyperlink with Your Anchor Text Here easy when you know how isn’t it.

For an image hyperlink or button, try this…

This is the html for an image / button hyperlink <a href=”http://www.eshopsforsale.co.uk”><img
src=”www.yourdomain.com/image.jpg” alt=”Image Description Text”></a> easy when you know how isn’t it.

will give you something like this…..

This is the html for an image / button hyperlink easy when you know how isn’t it.

Hopefully this fundamental list of basic Html codes will be of help to some new users, there are lots of good sources for a more comprehensive list of Html tags and snippets that are easily found with a search on the net.

Should you require a more detailed suggestion to something that you are looking to achieve using Html then drop us an email or submit a support ticket if you are a registered client and we will be happy to help where we can.