Wednesday, January 9, 2013

HTML Tutorial: Unordered List (Complete Tutorial)

Unordered List

Sometimes we need to create Unordered List during creating a Web-page. There are three types of Unordered List- 1. Unordered List with Disc Sign, 2. Unordered List with Circle Sign and 3. Unordered List with Square Sign.

Unordered List with Disc Sign

  • www.fairytips.blogspot.com
  • www.dakbox.blogspot.com
  • www.awebsite2earn.blogspot.com
  • www.exclusive-latest-laptop.blogspot.com
  • www.snigdho-alo.blogspot.com
<ul>
<li>www.fairytips.blogspot.com</li>
<li>www.dakbox.blogspot.com</li>
<li>www.awebsite2earn.blogspot.com</li>
<li>www.exclusive-latest-laptop.blogspot.com</li>
<li>www.snigdho-alo.blogspot.com</li>
</ul>

You may also use the following codes for the disc sign. Disc sign is default sign for <ul> tag. So you will always get a Disc Sign if you normally type <ul> tag. But you have to type <ul type="circle"> for Circle Sign and <ul type="square"> for Square Sign.

<ul type="disc">
<li>www.fairytips.blogspot.com</li>
<li>www.dakbox.blogspot.com</li>
<li>www.awebsite2earn.blogspot.com</li>
<li>www.exclusive-latest-laptop.blogspot.com</li>
<li>www.snigdho-alo.blogspot.com</li>
</ul>

Unordered List with Circle Sign

  • www.fairytips.blogspot.com
  • www.dakbox.blogspot.com
  • www.awebsite2earn.blogspot.com
  • www.exclusive-latest-laptop.blogspot.com
  • www.snigdho-alo.blogspot.com
<ul type="circle">
<li>www.fairytips.blogspot.com</li>
<li>www.dakbox.blogspot.com</li>
<li>www.awebsite2earn.blogspot.com</li>
<li>www.exclusive-latest-laptop.blogspot.com</li>
<li>www.snigdho-alo.blogspot.com</li>
</ul>

Unordered List with Square Sign

  • www.fairytips.blogspot.com
  • www.dakbox.blogspot.com
  • www.awebsite2earn.blogspot.com
  • www.exclusive-latest-laptop.blogspot.com
  • www.snigdho-alo.blogspot.com
<ul type="square">
<li>www.fairytips.blogspot.com</li>
<li>www.dakbox.blogspot.com</li>
<li>www.awebsite2earn.blogspot.com</li>
<li>www.exclusive-latest-laptop.blogspot.com</li>
<li>www.snigdho-alo.blogspot.com</li>
</ul>

No comments:

Post a Comment