menu
Ad goes here

Monday, 3 September 2012

HTML List

If you organized your HTML page, then page content will be more visible and visitor/reader will be happy to see your website page. The HTML list is implementation is one of the way to make your content visible. There different types of HTML list and each list type utilize their own unique list tag.




Please see below.

List Item Code:


<body>

<ul>

<li>List item goes here. </li>

<li>List item goes here. </li>

<li>List item goes here. </li>

</ul>

</body>


List Item:

  • List item goes here.
  • List item goes here.
  • List item goes here.

List Type Code:


<ul type="square">

<ul type="disc">

<ul type="circle">
type="square"type="disc"type="circle"
  • Red
  • Yellow
  • Green
  • Blue
  • Red
  • Yellow
  • Green
  • Blue
  • Red
  • Yellow
  • Green
  • Blue

Numbered List Code:

    <ol type="1">
    <li>Number list </li>
    <li>Number list </li>
    <li>Number list </li>
    <ol>

Numbered List:

  1. Number list
  2. Number list
  3. Number list


Order List Code:

<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">

Order List Type:

Lower Case Letter Upper Case Letter Lower Case Numerals Upper Case Numerals
  1. Have a nice day!
  2. Lower Case
  3. Lower Case
  1. Have a nice day!
  2. Upper Case
  3. Upper Case
  1. Have a nice day!
  2. Lower Case
  3. Lower Case
  1. Have a nice day!
  2. Upper Case
  3. Upper Case

No comments:

Post a Comment

Books for you (Crafted with )