Guide to creating a web site, web design, web development, internet marketing, promotion, html tips and tricks, javascript and more.

Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering Free HTML Tips, Tags and Codes

Open Directory Projectfree ebooksfree articles
web site design development internet marketing and promotion tutorials

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

webmaster resources
website design



Creating Graphic HTML List Bullets


If you're looking for a way to spice up your HTML list bullets, this HTML tip is for you. You can use graphic bullets to replace the standard text bullets by using the "Definition List" tag. <DL>

The key to using this technique effectively is to select or create a small graphic that will compliment your list text and enhance your visitors experience on your web site.

Copy and paste the following HTML list code into the HTML portion of your web page.


<DL>
<DD><IMG SRC="yourimage.gif">List Item One</DD>
<DD><IMG SRC="yourimage.gif">List Item Two</DD>

<DD><IMG SRC="yourimage.gif">List Item Three</DD>
<DD><IMG SRC="yourimage.gif">List Item Four</DD>
</DL>

Edit the text indicated in red to suit your needs.

Using graphic bullets within your HTML web pages will enable you to give your lists your own customized look.





Submit your HTML code snippets. We'll credit you and give you a link to your website.