programplug Logo




HTML Lists

HTML Lists tag is used to specify the lists of information and all lists may contain one or more list.
Three different types of HTML lists:

a-) Ordered List / Numbered List (ol)
b-) Unordered List / Bulleted List (ul)
c-) Description List / Definition List (dl)



HTML Ordered List/ Numbered List:
In the ordered lists, all the list items are marked with numbers and Some time it is known as numbered list also but both were same. The ordered list starts with <ol> tag and close with</ol> tag and the list items start with <li> tag and closed with</li>tag.
example:
<!DOCTYPE html>
      <html> 
          <body>
            <ol>  
		<li>Orange</li>
	        <li>White</li>
		<li>Yellow</li>  
		<li>Red</li> 
           </ol>
         </body>
      </html> 
	  
Output:
  1. Orange
  2. White
  3. Yellow
  4. Red
HTML Unordered List or Bulleted List:
In the Unordered list, all the list items are marked with bullets and Some time it is known as bulleted list also but both were same. The Unordered list starts with <ul> tag and close with </ul> tag and the list items start with <li> tag and closed with </li> tag.
example:
<!DOCTYPE html>
    <html>  
     <body>  
      <ul> 
         <li>Orange</li> 
         <li>White</li> 
         <li>Yellow</li> 
         <li>Red</li> 
      </ul>
     </body>
</html>
Output:
  • Orange
  • White
  • Yellow
  • Red

HTML Description List/ Definition List:
Description list is a list style which is perform or supported by HTML & XHTML and some time it is also known as definition list where entries are listed like a dictionary.
Definition list contains three tags:
a-) <dl> Defines the start of the list.
b-) <dt> Defines a term.
c-) <dd> Defines the term definition /description.

example:
<!DOCTYPE html>
    <html> 
     <body>
      <dl>  
     <dt>yellow</dt>  
     <dd>-To wait</dd>
     <dt>Red</dt>  
     <dd>-To stop</dd>  
     <dt>Green</dt> 
     <dd>-To go.</dd>
     <dt>lights</dt>  
     <dd>-To remember the rules.</dd>   
     </dl>  
    </body>
 </html>
	
Output:
yellow
-To wait
Red
-To stop
Green
-To go.
lights
-To remember the rules.







Our Services

Developing Cheapest Websites
Offer Digital Marketing
Provide College Projects
Attractive Website Developing
Summer Training,Industrial Training
SCO,SMO

Contact Us

Dehradun Uttarakhand India
www.programplug.com
info@programplug.com
08534019974
Designed By : Mridul Gupta

Other Link

About Us

Contact Us

Disclaimer

Privacy Policy