Html unorderedlist

 

HTML Unordered List or Bulleted List

HTML Unordered List or Bulleted List displays elements in bulleted format . We can use unordered list where we do not need to display items in any particular order. The HTML ul tag is used for the unordered list. There can be 4 types of bulleted list:

  1. disc
  2. circle
  3. square
  4. none

To represent different ordered lists, there are 4 types of attributes in <ul> tag.

HTML Unordered List Example

ul type="circle"

  1. <ul type="circle">  
  2.  <li>HTML</li>  
  3.  <li>Java</li>  
  4.  <li>JavaScript</li>  
  5.  <li>SQL</li>  
  6. </ul>  

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type="square"

  1. <ul type="square">  
  2.  <li>HTML</li>  
  3.  <li>Java</li>  
  4.  <li>JavaScript</li>  
  5.  <li>SQL</li>  
  6. </ul>  

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type="none"

  1. <ul type="none">  
  2.  <li>HTML</li>  
  3.  <li>Java</li>  
  4.  <li>JavaScript</li>  
  5.  <li>SQL</li>  
  6. </ul>  

Output:

HTML
Java
JavaScript
SQL
  1. <ul style="list-style-type: square;">  
  2.     <li>HTML</li>  
  3.     <li>Java</li>  
  4.     <li>JavaScript</li>  
  5.     <li>SQL</li>  
  6.   </ul>  

Code:

  1. <!DOCTYPE html>  
  2. <html>  
  3.  <head>  
  4.   </head>  
  5.  <body>  
  6.    <ul style="list-style-type: square;">  
  7.     <li>HTML</li>  
  8.      <li>Java</li>  
  9.            <li>JavaScript</li>  
  10.            <li>SQL</li>  
  11.     </ul>  
  12.  </body>  
  13. </html>     

Output:

HTML Unordered List | HTML Bulleted List


Comments

Post a Comment

Popular posts from this blog

Image
HTML File Paths An HTML file path is used to describe the location of a file in a website folder. File paths are like an address of file for a web browser. We can link any external resource to add in our HTML file with the help of file paths such as images, file, CSS style sheet file, JavaScript file, video, etc. The src or href attribute requires an attribute to link any external source to HTML file. Different types to specify file paths: <img src="picture.jpg">  It specifies that picture.jpg is located in the same folder as the current page. <img src="images/picture.jpg">  It specifies that picture.jpg is located in the images folder in the current folder. <img src="/images/picture.jpg">  It specifies that picture.jpg is located in the images folder at the root of the current web. <img src="../picture.jpg">  It specifies that picture.jpg is located in the folder one level up from the current folder. There are two types
Read more
Tags of HTML With description Basic HTML Tag Description <!DOCTYPE> Defines the document type <html> Defines an HTML document <title> Defines a title for the document <body> Defines the document’s body <h1> to <h6> Defines HTML headings <p> Defines a paragraph <br> Inserts a single line break <hr> Defines a thematic change in the content <!–…–> Defines a comment Formatting Tag Description <acronym> Not supported in HTML5. Use <abbr> instead. Defines an acronym <abbr> Defines an abbreviation or an acronym <address> Defines contact information for the author/owner of a document/article <b> Defines bold text <bdi> Isolates a part of text that might be formatted in a different direction from other text outside it <bdo> Overrides the current text direction <big> Not supported in HTML5. Use CSS instead. Defines big text <blockquote> Defines a section that is quoted from another s
Read more