bullets

now browsing by tag

 
 

How To Add Bullets to Your Website Pages using HTML

How To Add Bullets to Your Website Pages using HTML

Learn how to add bullets to your website pages when the simple bullet or numbering just won’t do.

UPDATE 2017:  Adding bullets to your WordPress website is much easier now by using any one of several plugins.

Most website builders and all content management systems will have point and click menus where you can select whether you’d like a bullet list or a numerical list, but what about those times when you’d like something a little fancier?

Here I show you how to edit the HTML behind the scenes and create lists like those shown below. Simply access your html code and make the changes by altering the TYPE= code as shown below.

Lists displayed are using the <ul> or the <ol> tags.

Samples of different kinds of bullets using the <ul> tag

 

Default Bullet

Square Bullets

Circular bullets

  • Build Website
  • Create Marketing Plan
  • Decide on Social Media options
  • Twitter
  • Facebook
  • Digg
  • Posterous
  • Youtube
  • Blogging
This is what the HTML code looks like:

<ul type=”disc” >
<li>Build Website</li>
<li>Create Marketing Plan</li>
<li>Decide on Social Media options</li>
</ul>

This is what the HTML code looks like:

<ul type=”square”>
<li>Twitter</li>
<li>Facebook</li>
<li>Digg</li>
</ul>

This is what the HTML code looks like:

<ul type=”circle”>
<li>Posterous </li>
<li>Youtube </li>
<li> Blogging</li>
</ul>


Samples of
different kinds of bullets using the <ol> tag

 

Points in alphabetical order

Points in Roman Numerals

  1. Video Tutorials
  2. Client Newsletters
  3. Your Biz Hot Tips Videos
  1. Add Content Weekly
  2. Blog Daily
  3. Add Video Tips Weekly
  1. Answer Questions
  2. Create FAQs
  3. Communicate via Twitter
  1. Create Autoresponder
  2. Create Newsletter
  3. Create Teleseminar
This is what the HTML code looks like:

<ol type=”a”>
<li>Video Tutorials</li>
<li>Client Newsletters</li>
<li>Your Biz Hot Tips Videos</li>
</ol>

This is what the HTML opening code looks like:

<ol type=”A”>
<li>Add Content Weekly</li>
<li>Blog Daily</li>
<li>Add Video Tips Weekly</li>
</ol>

This is what the HTML opening code looks like:

<ol type=”i”>
<li>Answer Questions</li>
<li>Create FAQs</li>
<li>Communicate via Twitter</li>
</ol>

This is what the HTML opening code looks like:

<ol type=”I”>
<li>Create Autoresponder</li>
<li>Create Newsletter</li>
<li>Create Teleseminar</li>
</ol>

If you can access the HTML of your web page, then you can certainly make your bullet list more interesting.

Did “How To Add Bullets to Your Website Pages” help you?

I do hope so!

Post a comment below or pop over to Facebook to let me know if you were able to do this on your website. I’d love to hear about it.

Enjoy!

Teena


Is your website missing out? Check out the 33 Top Website Tips & give your site a check-up.