Html & Html5


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Unordered List with Disc Bullets </h2>
	 
     <ul style="list-style-type:disc">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ul>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Example-circle


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Unordered List with Circle Bullets </h2>
	 
     <ul style="list-style-type:disc">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ul>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Example-square


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Unordered List with Square Bullets </h2>
	 
     <ul style="list-style-type:disc">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ul>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Example-none


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Unordered List with None Bullets </h2>
	 
     <ul style="list-style-type:disc">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ul>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Ordered List

An ordered list is that in which order of list matter.It start with ol tag and all list items specified inside li tag.
Ordered List-List item marker

Different type of list item marker use in Order list are as follows-

Numbers-set list item mark with number

Uppercase letter-list item mark with uppercase letter

lowercase letter- list item mark with lowercase letter

Uppercase Roman no.-list item mark with uppercase Roman no.

lowercase Roman no.-list item mark with lowercase Roman no.

Example-Numbers


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Ordered List with Number Bullets </h2>
	 
     <ol style="list-style-type:number">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ol>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Example-Uppercase letter


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Ordered List with Uppercase letter Bullets </h2>
	 
     <ol type="A">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ol>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Example-Lowercase letter


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Ordered List with Lowercase letter Bullets </h2>
	 
     <ol type="a">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ol>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Example-Uppercase Roman No.


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Ordered List with Uppercase Roman no. Bullets </h2>
	 
     <ol type="I">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ol>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Example-Lowercase Roman No.


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Unordered List with Disc Bullets </h2>
	 
     <ol type="i">
	      <li>Coffee </li>
	      <li>Tea </li>
	      <li>Milk </li>
     </ol>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Output:

Description List

HTML description list displays element in definition form.Following tags used to define description list

dl tag define description list

dt tag define description term

dd tag define description data

Example-


               
     <!DOCTYPE html>
			   
     <html>
	
     <head>

     <title> Page Title </title>

     </head>

     <body>

     <h2> Description list </h2>
	 
     <dl> 
	      <dt> Matter </dt>
	      <dd> Anything that occupies space and have mass </dd>
		  
     </dl>
	 
     </body>

     <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh'},{'server':'sg2plcpnl0124'},{'dcenter':'sg2'},{'cp_id':'4741794'},{'cp_cache':''},{'cp_cl':'6'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>

Html & Html5

The World's best Software Development Study Portal

Html & Html5

HTML List

All lists contain one or more list items.There are differnt type of list in Html.

Unordered list Ordered list Description list

Unordered List

An unordered list is that in which order of list does't matter.It start with ul tag and all list items specified inside li tag. Different type of list item marker use in unorder list as follows:-

disc-set list item to bullet circle-set list item to circle square-set list item to square none-list item will not be marked

Example-disc

Output:

Example-circle

Output:

Example-square

Output:

Example-none

Output:

Ordered List

An ordered list is that in which order of list matter.It start with ol tag and all list items specified inside li tag. Ordered List-List item marker

Different type of list item marker use in Order list are as follows-

Numbers-set list item mark with number Uppercase letter-list item mark with uppercase letter lowercase letter- list item mark with lowercase letter Uppercase Roman no.-list item mark with uppercase Roman no. lowercase Roman no.-list item mark with lowercase Roman no.

Example-Numbers

Output:

Example-Uppercase letter

Output:

Example-Lowercase letter

Output:

Example-Uppercase Roman No.

Output:

Example-Lowercase Roman No.

Output:

Description List

HTML description list displays element in definition form.Following tags used to define description list

dl tag define description list dt tag define description term dd tag define description data

Example-

Output:

Unordered list

Ordered list

Description list

An unordered list is that in which order of list does't matter.It start with ul tag and all list items specified inside li tag.
Different type of list item marker use in unorder list as follows:-

disc-set list item to bullet

circle-set list item to circle

square-set list item to square

none-list item will not be marked

An ordered list is that in which order of list matter.It start with ol tag and all list items specified inside li tag.
Ordered List-List item marker

Numbers-set list item mark with number

Uppercase letter-list item mark with uppercase letter

lowercase letter- list item mark with lowercase letter

Uppercase Roman no.-list item mark with uppercase Roman no.

lowercase Roman no.-list item mark with lowercase Roman no.

dl tag define description list

dt tag define description term

dd tag define description data