Jumat, 11 Oktober 2013

ayahsaba76.blogspot.com

So, you want to make a Web Page!
Lesson 19
Another very useful little tool is a list. There are ordered lists and unordered lists.
This is an ordered list:
  1. something big
  2. something small
  3. something short
  4. something tall
         This is an unordered list:
  • something red
  • something blue
  • something old
  • something new
First, we will build an unordered list. It's mind-numbingly simple...   really.
Start with this...
<body>
What I want for Christmas
</body>
What I want for Christmas
(Technically we have not started to build the list yet. This is just a sort of heading.)
Add a pair of unordered list tags.
<body>
What I want for Christmas
<ul>
</ul>
</body>
What I want for Christmas
Add a list item.
<body>
What I want for Christmas
<ul>
<li>a big red truck
</ul>
</body>
What I want for Christmas
  • a big red truck
Add a few more...
<body>
What I want for Christmas
<ul>
<li>a big red truck
<li>a real fast speedboat
<li>a drum set
<li>a BB gun
<li>a Melanie Griffith
</ul>
</body>
What I want for Christmas
  • a big red truck
  • a real fast speedboat
  • a drum set
  • a BB gun
  • a Melanie Griffith
Bingo! You made a list!
How to make an ordered list? Easy! Change the <ul> tags to <ol>.
<body>
What I want for Christmas
<ol>
<li>a big red truck
<li>a real fast speedboat
<li>a drum set
<li>a BB gun
<li>a Melanie Griffith
</ol>
</body>
  1. a big red truck
  2. a real fast speedboat
  3. a drum set
  4. a BB gun
  5. a Melanie Griffith
And you thought HTML was hard. :-)