W17

WEEK 17

Lists: Ordered and Otherwise
web.selah-hcs.orgweb design for kids // html5 + css3one day academy
THIS WEEK'S JOB // Stack your content into tidy lists, numbered when order matters, bulleted when it does not. (Book pages 129-137 in Mrs. Gaiser's book.)

THE THREE IDEAS

ul, ol, li
ul makes bullets, ol makes numbers, and li wraps each item inside either one. The browser draws the bullets and counts the numbers for you.
When order matters
Recipe steps are ol; favorite movies can be ul. Ask does the order mean something, and the right list picks itself.
Lists nest
An li can hold a whole new list inside it. Outline anything: chores by room, teams by league, verses by book.

TRY IT IN THE PAINT BOOTH

<h2>Top 3 Things On My Site</h2>
<ol>
  <li>The gallery</li>
  <li>The blog</li>
  <li>The links page</li>
</ol>
<h2>Stuff I Like</h2>
<ul>
  <li>Robots</li>
  <li>Tacos</li>
</ul>
OPEN THE PAINT BOOTH, PRELOADED »

ON YOUR LOT

Add one ordered and one unordered list to your site where they honestly belong. No fake lists; lists that lie are worse than paragraphs.
« W16W18 »