Basic HTML

 
 
          

Text >> Formatting >> Listing

 

Text List

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


Numbered lists have <ol> tags instead of <ul> tags.


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


There are special settings that you can use to customize the lists on your page.


On the following two pages you can learn in detail about bulleted and numbered lists.


Bulleted List

You have the following bullet options:

  • disc
  • circle
  • square

  • Look at these examples to see the detailed syntax.


    HTML Tag Function Sample Ouput
    <ul>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    </ul>
    Makes a bulleted list using the default bullet type
    • text
    • text
    • text
    <ul type="disc"> Starts a bulleted list using discs as bullets
    • text
    • text
    • text
    <ul type="disc"> Starts a bulleted list using circles as bullets
    • text
    • text
    • text
    <ul type="disc"> Starts a bulleted list using squares as bullets
    • text
    • text
    • text


    Numbered List

    You have the following number options:

    • Plain numbers
    • Capital Letters
    • Small Letters
    • Capital Roman Numbers
    • Small Roman Numbers

    In addition to these options you can specify at which number the list should start. The default start value for numbered lists is at number one (or the letter A).


    Look at these examples to see the detailed syntax.

    HTML Tag Function Sample Ouput
    <ol>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    </ol>
    Makes a numbered list using the default number type
    1. text
    2. text
    3. text
    <ol start="5"> Starts a numbered list, first # being 5
    1. text
    2. text
    3. text
    <ol type="A"> Starts a numbered list, using capital letters
    1. text
    2. text
    3. text
    <ol type="a"> Starts a numbered list, using small letters
    1. text
    2. text
    3. text
    <ol type="I"> Starts a numbered list, using capital roman numbers
    1. text
    2. text
    3. text
    <ol type="i"> Starts a numbered list, using small roman numbers
    1. text
    2. text
    3. text
    <ol type="1"> Starts a numbered list, using normal numbers
    1. text
    2. text
    3. text
    <ol type="I" start="7"> An example of how type and start can be combined
    1. text
    2. text
    3. text

    Text >> Formatting >> Layout Links >> Create a Link