Jump to content

Web Foundations/Lists

From Wikiversity
Internet word cloud
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]