Return to our main pageGet an overview of the 100s of pages on this siteAn alphabetic index of our 100s of pagesSearch this siteby email, snail-mail or phoneThe people at NetKontoret

Tutorial and Inspection of your own siteTutorial and Script-archiveTutorial and Applet-archiveTutorial and FLA-archiveTutorial and Graphics-archiveFree Email, Webspace, Programs, Applets, Graphics and CGIWebdesign, Teaching and Consulting

 
 Home|WebSchool|HTML|Lists



Click To Recomend This Site To A Friend
Tell a friend about this site!!!

Bookmarks on this page

 
 Bulleted lists
 
 Numbered lists

Pages in this section

 
Basic Coding
 
Text
 
Lists
 
Images
 
Links
 
BackGrounds
 
Tables
 
Frames
 
Forms
 
Metatags
 
Hexcolors
 
Inspect your own site
 
Others & Links


HTML LISTS

pixel.gif (43 bytes) d10.gif (111 bytes)

Lists are used to present listed texts.

To create a bulleted list you add a <ul> and a </ul>-tag at the beginning and the end of the list.

Numbered lists has <ol>-tags instead of <ul>-tags.

To separate single list-items use <li> and </li>-tags.

Watch the examples in the list below to see how it works.


Bulleted lists

<ul>

<ul>
<li>
text</li>
<li>
text</li>
<li>
text</li>
</ul>

Makes a bulleted list using the default bullettype:
    • This is one line
    • This is another line
    • And this is a final line
<ul type="disc"> Starts a bulleted list using discs as bullets:
    • This is one line
    • This is another line
    • And this is a final line
<ul type="circle"> Starts a bulleted list using circless as bullets:
    • This is one line
    • This is another line
    • And this is a final line
<ul type="square"> Starts a bulleted list using squaress as bullets:
    • This is one line
    • This is another line
    • And this is a final line

Numbered lists

<ol>

<ol>
<li>
text</li>
<li>
text</li>
<li>
text</li>
</ol>

Starts a numbered list:
  1. This is one line
  2. This is another line
  3. And this is a final line
<ol start=5> Starts a numbered list, first # being 5.
  1. This is one line
  2. This is another line
  3. And this is a final line
<ol Type=A> Starts a numbered list, using capitol letters.
  1. This is one line
  2. This is another line
  3. And this is a final line
<ol Type=a> Starts a numbered list, using small letters.
  1. This is one line
  2. This is another line
  3. And this is a final line
<ol Type=I> Starts a numbered list, using Capitol roman letters.
  1. This is one line
  2. This is another line
  3. And this is a final line
<ol Type=i> Starts a numbered list, using small roman letters.
  1. This is one line
  2. This is another line
  3. And this is a final line
<ol Type=1> Starts a numbered list, using normal numbers.
  1. This is one line
  2. This is another line
  3. And this is a final line
<ol Type=I start=7> An example of how type and start can be combined.
  1. This is one line
  2. This is another line
  3. And this is a final line

Click To Recomend This Site To A Friend
Tell a friend about this site!!!

d10.gif (111 bytes) pixel.gif (43 bytes)



     

menumidline.gif (281 bytes)



| Home | SiteMap | Index | Search | Contact Us | About Us | E-Mail Us |
| HTML | JavaScript | Applets | Flash | Graphics | Free Stuff | Products |


This page is created & maintained by NetKontoret / Henrik Petersen
All contents Copyright © 1997, 1998 - NetKontoret / Henrik Petersen - All Rights Reserved