In our last installment of HTML Tips, I went over how to make your tables with blank cells not look like they’re blank and also how to create a table of contents. In this installment, I’m going to be covering some more little tricks that will help you with those little annoying things that are such a pain to do if you don’t know how.

Have you ever seen a sales page with a bullet list and the bullet list is so cool looking? It’s not just your typical little asterisk or whatever. It’s some cool checkmark or other cool graphic. Did you ever wonder how they do that? Well, for starters, it’s important to know WHY they do it.

These cool bullet points are done simply because they make the bullet points look more professional. Studies have been done and bullet points with these cool graphics pull better than plain standard bullet points. Personally, I like the cool looking bullet points myself.

But how do you do them?

You have to use what is called a Definition List tag. It looks like this:

List Item One

List Item Two

List Item Three

List Item Four

The IMG SRC commands are the key. This is where you put the URL of your image that you want to use, whether it be a checkmark or whatever, and when the bullet list appears on the page, it will use your image instead of the default.

It’s that simple.

The next tip has to do with images on your page and displaying text around them.

As you know, testimonials are big on sales pages and when you post a testimonial, it’s great if you can put a photo with it. The problem is, you want the text to appear as close to the photo as possible. There is a very easy way to do this.

When putting up the code for your photo, what you want to do is use the ALIGN tag. What this tag does is tells the browser how to display the text that is to be shown with the image. By using this, it will wrap the text either to the left and under the image or to the right and under the image. To choose which direction to wrap the text, you will either use ALIGN=LEFT or ALIGN=RIGHT.

The whole code will look something like this.

Your Text

Or, if you want to wrap the text to the right of the image and below it, you will use this…

Your Text

And that’s all there is to it. This will make the text around the image look nice and professional. And all it takes is one line of code.

You will find that most of what you can do with HTML can really be done with very few lines of code and in most cases, just one line.

In our final installment in this series, we’ll cover some more HTML tips that will make your life with Internet marketing a whole lot easier, at least when it comes to creating web sites that bring in sales and keep the spammers away.