Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

222 CHAPTER 5 More HTML5

you still set the start as a number. The following is an example of the type and start attributes,

using the favorite fruit list.

<h3>Favorite Fruit</h3>

<ol type="A" start="6" >

<li>Apples</li>

<li>Oranges</li>

<li>Grapes</li>

</ol>

Figure 5-6 shows the rendered list. The start value of “6” translates to the letter “F” when

rendered.

FIGURE 5-6 he ordered list with its type and start attributes setT

Unordered lists

An unordered list is not auto-numbered. Use the <ul> element to create an unordered list of

items. When the unordered list is rendered, it produces bullet points before each list item, as

shown in the following example that describes the items required to repair a flat tire.

<h3>Items required to change a flat tire</h3>

<ul>

<li>A jack</li>

<li>A lug wrench with a socket on one end and a pry bar on the other</li>

<li>A spare tire</li>

</ul>

Each item is rendered with a bullet, and where the text wraps to the next line, the text

aligns itself properly with the text of the previous line, as shown in Figure 5-7.

Key

Te rms