Lists in pure HTML (No CSS styling):

* Note: Some syntaxes used here are already deprecated, do not use them in actual production sites.


Unordered List (<ul>)

Code (ready to copy-paste):

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

Unordered List with Square Bullets (type="square")

Code (ready to copy-paste):

<ul type="square">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Unordered List with Circle Bullets (type="circle")

Code (ready to copy-paste):

<ul type="circle">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Ordered List (<ol>)

  1. First Step
  2. Second Step
  3. Third Step

Code (ready to copy-paste):

<ol>
  <li>First Step</li>
  <li>Second Step</li>
  <li>Third Step</li>
</ol>

Ordered List with Lowercase Letters (type="a")

  1. First Option
  2. Second Option
  3. Third Option

Code (ready to copy-paste):

<ol type="a">
  <li>First Option</li>
  <li>Second Option</li>
  <li>Third Option</li>
</ol>

Ordered List with Uppercase Letters (type="A")

  1. First Section
  2. Second Section
  3. Third Section

Code (ready to copy-paste):

<ol type="A">
  <li>First Section</li>
  <li>Second Section</li>
  <li>Third Section</li>
</ol>

Ordered List with Lowercase Roman Numerals (type="i")

  1. Introductory Note
  2. Preface
  3. Prologue

Code (ready to copy-paste):

<ol type="i">
  <li>Introductory Note</li>
  <li>Preface</li>
  <li>Prologue</li>
</ol>

Ordered List with Uppercase Roman Numerals (type="I")

  1. Chapter One
  2. Chapter Two
  3. Chapter Three

Code (ready to copy-paste):

<ol type="I">
  <li>Chapter One</li>
  <li>Chapter Two</li>
  <li>Chapter Three</li>
</ol>

Reversed Ordered List (reversed)

  1. Countdown 3
  2. Countdown 2
  3. Countdown 1

Code (ready to copy-paste):

<ol reversed>
  <li>Countdown 3</li>
  <li>Countdown 2</li>
  <li>Countdown 1</li>
</ol>

Ordered List with Custom Start Number (start="5")

  1. Item Five
  2. Item Six
  3. Item Seven

Code (ready to copy-paste):

<ol start="5">
  <li>Item Five</li>
  <li>Item Six</li>
  <li>Item Seven</li>
</ol>

Custom Value on Specific Item (value="10")

  1. First Item (1)
  2. Jumped Item (10)
  3. Next Item (11)

Code (ready to copy-paste):

<ol>
  <li>First Item (1)</li>
  <li value="10">Jumped Item (10)</li>
  <li>Next Item (11)</li>
</ol>

Definition / Description List (<dl>)

HTML
HyperText Markup Language
CSS
Cascading Style Sheets

Code (ready to copy-paste):

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
</dl>