How To Add Bullets to Your Website Pages
Learn how to add bullets to your websdite pages when the simple bullet or numbering just won't do.
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 |
|
|
|
|
This is what the HTML code looks like: <ul type="disc" > |
This is what the HTML code looks like: <ul type="square"> |
This is what the HTML code looks like: <ul type="circle"> |
Samples of different kinds of bullets using the <ol> tag
Points in alphabetical order |
Points in Roman Numerals |
||
|
|
|
|
|
This is what the HTML code looks like: <ol type="a"> |
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.
Post a comment below to let me know if you were able to do this on your website. I'd love to hear about it.
Enjoy!
Add A Comment
