Html List

Overview

In this lesson we will do a quick review of HTML lists from the video lecture in the prior lesson.

What's Covered in This Lesson

  1. Unordered List
  2. Ordered List
  3. Definition List

Lists

Lists allow us to group text into a structure that ties their meaning together into a whole.

Ordered List

<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

Ordered lists by default appear as numeric lists with numbers identifying each list item.

Unordered List

<ul>
  <li>First item</li>
  <li>Second item</li>
</ul>

Unordered lists by default appear as bulleted lists with bullets identifying each list item.

Definition List

<dl>
  <dt>First term</dt>
  <dd>First definition</dd>
  <dt>Second term</dt>
  <dd>Second definition</dd>
</dl>

Definition lists display similar to a traditional dictionary allowing us to state a term and provide a definition for each corresponding term.

Summary

  • HTML text can be formatted using a variety of lists.
  • An unordered list uses parent <ul> element and produces bulleted <li> list items.
  • An ordered list uses parent <ol> element and produces numbered <li> list items.
  • A definition list uses parent <dl> element and produces a list of terms <dt> and their corresponding <dd> definitions.

Resources

Unlock your future in tech
Learn to code.

Learn about Flatiron School's Mission

With a new take on education that falls somewhere between self-taught prodigy and four-year computer science degree, the Flatiron School promises to turn students with little programming experience into developers.

In the six months since the Manhattan coding school was acquired by WeWork, it has spawned locations in Washington, D.C., Brooklyn, and London. Now, WeWork is opening a fourth Flatiron School location, this time in Houston.

Adam Enbar, Flatiron School's cofounder, believes now is the time to grow. "How the world is changing has impacted working and learning in very similar ways. We think education fundamentally is about one thing: enabling people to pursue a better life."

Learn. Love. Code.
Students come to Flatiron School to change their lives. Join our driven community of career-changers and master the skills you need to become a software engineer or a data scientist.
Find Us