Zamiki in seznami

[Zamik odstavka][Označeni seznami][Square Bullets][Number Lists][Roman Numerals] [Put Them Together][Definition Lists]

Zamik odstavka

Zamik prve vrstice odstavka lahko dosežemo, če na začetek te vrstice vpišemo nekaj "presledkov". Koda za presledek (če pišemo z navadnim tekstovnim urejevalnikom) je  

Tako bi ASCII zapis takega odstavka izgledal takole:

     bla bla bla bla in tako naprej..

Označeni seznami

Primer takega seznama je naslednji:

S seznami pregledno predstavljamo informacije
Značke (bullets) so običajno točke.
Ta seznam je le demonstracija samega sebe.

In kako to napišemo? Uporabimo naslednji zapis:

<UL>
<LI>S seznami pregledno predstavljamo informacije
<LI>Značke (bullets) so običajno točke
<LI>Ta seznam je le demonstracija samega sebe.
</UL>

In kakšen je pomen takega zapisa:

UL pomeni Unordered List. To pravzaprav pomeni, da posameznih elementov našega seznama ne bomo številčili. Oštevilčene sezname bomo spoznali malo kasnejeI
LI pomeni List Item. S tem napovemo nasledni element (običajno tekst), ki naj bo označen Oznaka </LI> ni potrebna. Tudi <BR> ali <P> oznake ne potrebujemo. Vse naredi <LI>
/UL zaključuje seznam

Namig: If you use a center command before this, it doesn't center the entire list, it centers each item messing up the look of the list. If you would like to move the list closer to the center of the page, simply add more <UL> commands. I have found that three moves the list almost to the center. Just remember, if you use three UL commands you need to offer three /UL commands. Like this:

I don't like round bullets, I want squares!!! Easy now there fellah, you can have your list and squares too. Simply add the command TYPE="square" into your UL command. Like so:

<UL TYPE="square">
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</UL>

This is what you get...

List Item 1
List Item 2
List Item 3

Number Lists

If you would like to create a list that numbers the items rather than just putting a bullet in front, HTML could do that for you too. Yeah, you could just number the things yourself, but that's no fun. It's time consuming too. Dig this:

List Item 1
List Item 2
List Item 3

...and here's how I did it:

<OL>
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</OL>

Notice it's just the same format except I have <OL> where <UL> used to be. Nothing to it. The browser will continue to count up as long as you keep putting <LI> items after the OL. By the way, "OL" stands for Ordered List.

But I Want Roman Numerals!!!

Arabic isn't good enough for you, huh? Well simply place a TYPE="I" inside the OL command. Notice that is a capital "i" and not the number one. Here's what you get:

List Item 1
List Item 2
List Item 3

...and here's how I did it:

<OL TYPE="I">
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</OL>

Can I put these together?

Yes. Just remember to close each one. You could do something like an OL list and under each LI command for the OL, you could put in a small UL. Like so:

Main Heading

List item 1
List item 2

Secondary Heading

List item 1
List item 2

here's what it looks like:

<OL>
<LI>Main Heading
<UL>
<LI>List item 1
<LI>List item 2
</UL>
<LI>Secondary Heading
<UL>
<LI>List item 1
<LI>List item 2
</UL>
</OL>

The Definition List

You can play with the text all you want inside of all these list commands. Bold, italic, and any other one you want will work. There's one more set of list commands that manipulate the text for you. The lists above are all single item lists. Each LI command makes one list item. Now check this out:

Here's What's For Dinner

Salad: Green stuff and dressing
The Meal: Mystery meat and mashed yams
Dessert: A mint

...and here's what it looks like.

<H4>Here's What's For Dinner</H4>
<DL>
<DT>Salad
<DD>Green stuff and dressing
<DT>The Meal
<DD>Mystery meat and mashed yams
<DT>Dessert
<DD>A mint
</DL>

Here's What's Happening

I used an H4 command to create a heading
<DL> stands for Definition List. It tells the browser that a double tier list is coming up.
<DT> stands for Definition Term. It's the first tier.
<DD> stands for Definition Description. It's indented and appears to modify the definition term.

It's a nice look. I haven't run into any place to use it quite yet, but you have it if you need it.

Well...that's all I have. Use the list commands and present information to your readers in a smoother fashion than writing long drawn out paragraphs with a lot of detail. I use these lists all the time. I think there might be a tutorial here that doesn't use one, but I don't remember it. Enjoy, and happy listing.

[Back to the HTML Goodies Page][Write Me Here]