Page 80 - Learn To Use HTML and CSS

So You Want to Learn to Use HTML and CSS – Version 2020-06-12a Page 70
Chapter 7 — Lists and Tables

Free
Chapter 7 — Lists and Tables

Web sites often need to display data in a formatted manner. This chapter will show how to
display bulleted lists, numbered lists, definition lists, and tables. At the end of the chapter
additional table tags and formatting will be shown.
eBook
Learning Outcomes for this Chapter

Upon completion of the reading of this chapter and assignments found at the end, a student
should be able to:

display lists of data that contain sub-lists,
• • • create numeric and bulleted lists of items on a page,
create tables to display rows and columns of data,
Edition
add cells with header information to tables,
•
cause cells on a table to span multiple columns or rows.
•
Lists

Lists on a webpage are an excellent way to organize information for the ease of viewers. Lists
Please support this work at
can be ordered, unordered and description lists. The ordered and unordered have a similar syntax.
All lists and items within a list, by default, are displayed as flow elements. You should choose
the appropriate type of list depending on your semantic need.
http://syw2l.org
Ordered and Unordered Lists

Ordered lists (<ol>...</ol>) are numbered, and the order that you insert your items
85
communicates the level of importance. Unordered lists (<ul>...</ul>), on the other hand,
are normally bulleted and the order of the items is unimportant. 86 Free

The ordered and unordered list tags dictate the type of list and hold the list elements that are
written inside of the <li>...</li> child tags. For instance, an unordered list of fruit would
be written as such:

<ul> eBook
<li>Apple</li>
<li>Banana</li>
<li>Pear</li>
<li>Orange</li>
Edition
</ul>

85 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol
86 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul

Copyright 2020 — James M. Reneau PhD — http://www.syw2l.org — This work is
licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.