Welcome to HTML5-Tutorials

Our site offers a lot of HTML5 learning from absolutely beginning to advanced level.If you want to make a website with HTML,this site will completely guide you a lot.So learn HTML5 syntax and form of coding easily with this website.If you have any doubt,leave a message on us.We will return you so soon.This site includes innumerable number of references you need to do after studying their corresponding elements.

In this page,we will learn about HTML <ul> tag.

Use of <ul> tag

The <ul> tag defines an unordered lists.

Display:Block

Example of <ul> tag

<ul>
    <li> HTML </li>
    <li> CSS </li>
    <li> JavaScript </li>
</ul>

Supported Browsers.

Tag
<ul> Yes Yes Yes Yes Yes

Full Code Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<ul>
    <li> HTML </li>
    <li> CSS </li>
    <li> JavaScript </li>
    <li> PHP </li>
    <li> Bootstrap </li>
    <li> Jquery </li>
</ul>
</body>
</html>

Output

  • HTML
  • CSS
  • JavaScript
  • PHP
  • Bootstrap
  • Jquery

More Reference

To learn about HTML Lists, Click Here

Default CSS properties of <ul> tag

   ul {
     display: block;
     margin: 1em 0;
     padding-left: 40px;
   }

Attributes of <ul> tag


Attribute Value Notes
compact compact It defines the smaller gap between each list(by vertically) rather than the normal.
type disk(default value of <ul>)
square
circle
It specifies which bullet type will be utilized.

Note that both the above attributes are not supported in HTML5.