04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Step Two:<br />

Enclose your list items <strong>with</strong> either the or element.<br />

If you use an element to enclose your list items, then<br />

the items will be displayed as an ordered list; if you use ,<br />

the list will be displayed as an unordered list. Here’s how you<br />

enclose your items in an element.<br />

Again, we’re just showing a fragment of the<br />

<strong>HTML</strong> from Tony’s journal here.<br />

August 20, 2005<br />

<br />

<br />

Well I’ve made it 1200 miles already, and I passed<br />

through some interesting places on the way:<br />

<br />

<br />

Walla Walla, WA<br />

Magic City, ID<br />

Bountiful, UT<br />

Last Chance, CO<br />

Why, AZ<br />

Truth or Consequences, NM<br />

<br />

July 14, 2005<br />

And here we close the element.<br />

<br />

I saw some Burma Shave style signs on the side of<br />

the road today:<br />

<br />

Abrain<br />

power<br />

Is a block element or inline? What about ?<br />

building blocks<br />

We want this to be an ordered list, because Tony visited the<br />

cities in a specific order. So we use an opening tag.<br />

All the list items sit in the<br />

middle of the element and<br />

become its content.<br />

Make it Stick<br />

<strong>HTML</strong><br />

is for<br />

structure<br />

Use<br />

ul or ol<br />

for lists<br />

unordered list = ul<br />

ordered list = ol<br />

list item = li<br />

Wash<br />

the<br />

cat<br />

you are here 105

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!