Tuesday, December 18, 2012

How To Create Special Lists on Blogger and HTML codings


Lists are often used in many web sites. Creating lists is very easy. In this post we are going  to learn how to create a list in blogger and how to customize it with HTML codes. First lets see how we can create a list using blogger and how to customize it using the HTML mode and how to create a list only from using HTML. 

First put your cursor on the place you wanted to add the list and click Insert Bullet list button. It is the same button as Microsoft word. Now you will see the first item of the list has been created. If you want to read more about lists and how to create numbered lists read this post. We create Bullet lists in html using the <UL> tag and create menu items using the <LI> tag. Look at the following code and it's result below.



<ul>
<li>This is</li>
<li>A Bullet</li>
<li>List</li>
</ul>
  • This is
  • A Bullet
  • List
Now lets see how we can customize these lists with html mode. You can use alphabet letters instead of dots in bullet lists. then we have to change the first line of the code like this. 

<ol type="A">   Starts a numbered list, using capital letters. you can use "simple a" as the type to create the list using the simple letters

<ol type="i">   Starts a numbered list, using  small roman numbers


<ol type="I">   Starts a numbered list, using  capital roman numbers

No comments:

Post a Comment