Login    New User    Forgot Password    Help      

HTML Unordered Lists

GO TO INDEX

HTML Unordered lists

Create a bulleted list with the <ul> tag. The bullet itself comes in three flavors: squares, discs, and circles. The default bullet displayed by most web browsers is the traditional full disc.

HTML Code

<h4 >My Breakfast</h4>
<ul>
<li>Milk</li>
<li>Tea</li>
<li>Suagar</li>
<li>Bread</li>
</ul>

Output

My Breakfast

  • Milk
  • Tea
  • Suagar
  • Bread

Here's a look at the other flavors of unordered lists may look like.

HTML Code

<ul type="square">  
<ul type="disc">  
<ul type="circle">

Unordered List Types

Output

type="square" type="disc" type="circle"

My Breakfast

  • Milk
  • Tea
  • Suagar
  • Bread

My Breakfast

  • Milk
  • Tea
  • Suagar
  • Bread

My Breakfast

  • Milk
  • Tea
  • Suagar
  • Bread

HTML definition term lists Make definition lists as seen in dictionaries using the <dl> tag. These lists displace the term word just above the definition itself for a unique look. It's wise to bold the terms to displace them further.

<dl> - defines the start of the list
<dt> - definition term
<dd> - defining definition




















GO TO INDEX