Web Foundations/Lists

From Wikiversity
Jump to navigation Jump to search
Internet word cloud

This lesson introduces HTML lists.

Objectives and Skills[edit | edit source]

Objectives and skills for this lesson include:[1][2]

  • Use the most current version of Hypertext Markup Language (HTML5) to create Web pages.
  • Design Web pages to industry standards.

Readings[edit | edit source]

  1. Wikipedia: HTML list
  2. Wikibooks: HyperText Markup Language/Lists

Multimedia[edit | edit source]

Examples[edit | edit source]

Unordered Lists[edit | edit source]

An unordered (bulleted) list.[3]

<ul>
<li>item</li>
<li>item</li>
</ul>

Example:

  • item
  • item

Ordered Lists[edit | edit source]

An ordered (enumerated) list.[4]

<ol>
<li>item</li>
<li>item</li>
</ol>

Example:

  1. item
  2. item

Description Lists[edit | edit source]

A description list (a.k.a. definition list or association list), which consists of name–value groups.[5]

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

Example:

term
definition
term
definition

Activities[edit | edit source]

  1. Complete the tutorial TutorialsPoint: HTML Lists

Key Terms[edit | edit source]

See Also[edit | edit source]

References[edit | edit source]