Pages

Sunday, January 9, 2011

Unordered List Element

The unordered list element is used to create a list of items wherein the order of the item is not important. The unordered list element is useful in a shopping list, list of features of a product or list of ingredients. Each item is displayed with a bullet.

Listed below are the most common attributes you can use for the unordered list element:
  • class - provides the class or classes of the heading. This attribute is used to identify the name of the style class or classes to be used for rendering.
  • id - provides a unique name for the heading.
  • lang - provides the language in which the enclosed content is coded.
  • style - provides a cascading style sheet (CSS) properties to the heading.
  • title - privides a text title for the heading. Most web browser displays the value of the title as "tooltip".
  • type - provides the type of list item such as disc, square or circle.

Here's an example on how to use the unordered list <ul> element:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
         <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
         <mate name="keywords" content="blog, web development" />
         <title>the UNORDERED LIST element</title>
     </head>

     <body>
       <h1>
         the UNORDERED LIST element
       </h1>
           Top new features of Adobe Dreamweaver CS3
       <br />
       <ul>
           <li>Spry framework for Ajax</li>
           <li>Spry widgets</li>
           <li>Spry effects</li>
           <li>Advanced Photoshop CS3 integration</li>
           <li>Browser Compatibility Check</li>
       </ul>
   </body>
</html>

0 comments:

Post a Comment