Replacing Your Standard HTML List Bullets With Graphic 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>


Related Tags
 Website Tips and tricks Website Marketing Website HTML coding Search Engine Optimization Free SEO ToolsWebmaster



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.




Partner site : online news

0 comments: