|
How do I make numbered (ordered) lists? Making a numbered list is really easy, and it's a great tool for organizing information on your Web site. Just copy and paste this code into your html document: (substitute your own information)
<OL>
<li> Uni
<li> Kougra
<li> Usul
<li> Ixi
</OL>
It will look like this:
1. Uni
2. Kougra
3. Usul
4. Ixi
Sometimes your lists will be split up on your page between headers, and you may need to start a list from a different number. Replace the <OL> tag with this tag, remember to replace the "5" with whatever number you need to start with:
<OL start="5">
5. Jetsam
6. Wocky
7. Chomby
8. Skieth
To substitute Roman numerals replace the <OL> tag with this one:
<OL type="I">
This will be the result:
- Mynci
- Garrl
- Aisha
- Kau
Need alphabetical order instead? Replace the <OL> tag with this one:
<OL type="A">
This will be the result:
- Zurroball
- X-treme Herder
- Ultimate Bullseye
- Fairy Cloud Racers
How do I make bulleted (unordered) lists? Bulleted lists are really cool. Just copy and paste this code: (substitute your own information)
<UL>
<LI>Uni
<LI>Kougra
<LI> Usul
<LI>Ixi
</UL>
It will look like this:
Here's a variation of the above list, replace the <UL> tag with this tag:
The result:
- Jetsam
- Wocky
- Chomby
- Skieth
You can make the cirles in the above list squares instead by adding type="square" into the code (<UL type="square">). It looks like this:
<ol>
<li>Games
<ul>
<li>Zurroball
<li>X-treme Herder
<li>Ultimate Bullseye
<li>Faerie Cloud Racers
</ul>
<br>
<li>My Neopets
<ul>
<li>Uni
<li>Kougra
<li>Usul
<li>Ixi
</ul>
</ol> This is the result:
- Games
- Zurroball
- X-treme Herder
- Ultimate Bullseye
- Faerie Cloud Racers
- My Neopets
How do I make horizontal lines? This is pretty easy to do, and you can make them any size you want by changing the size property (height) and width property:
<HR width=80%> It would look like this:
<HR size=5 width=70%> It would look like this:
You can even color in these lines which is really cool because they load a lot faster than regular gif images (this doesn't work in Netscape 3.0). Here's how you do it:
<HR size=5 width=70% color="#9933cc">
It looks like this:
Or this:
|
