How to make lists in html

In this part of the tutorial you will be learning how to make a list in html. To make a list in html you will have to start with <ul>. Then for each bullet point that you want you have to put <li>.

Ex.

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Square Bullet Styles:

To make a square bullet point u have to put in <ul> "list-style-type:square" so it will come out like this:

Ex.

<ul style="list-style-type:square">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ul>


Circle Bullet point: 

To put in a circle bullet point you have to put list-style-type:circle in side the <ul>

Ex.

<ul style="list-style-type:circle">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ul>

No Bullet Point:

To don't have a bullet point you putlist-style-type:none inside <ul>

Ex.

<ul style="list-style-type:none">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ul>






No comments:

Post a Comment