[ View Thread ] [ Post Response ] [ Return to Index ] [ Read Prev Msg ] [ Read Next Msg ]

BGonline.org Forums

html tips: bullet lists

Posted By: KenB
Date: Wednesday, 2 June 2010, at 8:26 p.m.

In Response To: Opening 54 rollout, XG 3-ply (Nack Ballard)

html - bullet lists

html tips: bullet lists

    This page shows you how you can do bullet lists, and how to specify different types of bullets for your html documents.

bullet lists
The following example shows a bullet list with three items.


      <.li>First item
      <.li>Second item
      <.li>Third item
This is what it looks like:
  • First item
  • Second item
  • Third item
Bullet lists are indented from the main text, and a line is skipped:

    This is the main text, notice there is no code for a line break


      <.li>First item
      <.li>Second item
      <.li>Third item

This is the result:
This is the main text, notice there is no code for a line break

  • First item
  • Second item
  • Third item
embedded bullet lists
You can put bullet lists inside bullet lists. The code for the embedded list is given in red in the next example:


      <.li>First item


        <.li>First item of embedded list
        <.li>Second item of embedded list
        <.li>Third item of embedded list

      <.li>Second item
      <.li>Third item


The result of that code appears below; notice that the bullet changes by default (but, on different systems using "Japanese Auto-Detect, the bullets may be identical). In the next section, I'll show you the code to specify what kind of bullet your browser displays.
  • First item
    • First item of embedded list
    • Second item of embedded list

    • Third item of embedded list
  • Second item
  • Third item

different bullet types
There are three different types of bullets. The code for each is shown below, in red; examples follow. (Note that in the next example, the squares are filled in on Netscape for Windows, but black outlines with white insides on Netscape for Macintosh).


      <.li       type=square>First item

      <.li type=square>Second item
      <.li       type=square>Third item
  • First item
  • Second item
  • Third item

Circles:

You can mix them:

Messages In This Thread

 

Post Response
Your Name:
Your E-Mail Address:
Subject:
Message:

If necessary, enter your password below:

Password:
 

 

[ View Thread ] [ Post Response ] [ Return to Index ] [ Read Prev Msg ] [ Read Next Msg ]

BGonline.org Forums is maintained by Stick with WebBBS 5.12.