Simple list and ordered list

Simple list

ul
    [li [pcdata "first item"];
     li [pcdata "second item"];
     li [pcdata "third item"];
     li [pcdata "fourth item"]]

Ordered list

ol
    [li [pcdata "first item"];
     li [pcdata "second item"]]

The only difference between these two kind of list is the type of the chip (bullet point for ul and numbers for ol).

Required parameter: list containing li elements (Details of li content).

Optional parameter for attributes "a" (How to set and id, classes or other attributes to HTML elements?).

Definition list

dl
    [((dt [pcdata "Banana"], []),
      (dd [pcdata "An elongated curved fruit"], []));
     ((dt [pcdata "Orange"], []),
      (dd [pcdata "A globose, reddish-yellow, edible fruit"],
       [dd [pcdata "A color between yellow and red"]]));
     ((dt [pcdata "Kiwi"], []),
      (dd [pcdata "Egg-sized green fruit from China"], []))]

This kind of list contains definitions.

Required parameter: A list of pair of:

• A pair containing:
  • The first element of type dt
  • A list of elements of type dt
• Another pair containing:
  • The first element of type dd
  • A list of elements of type dd

Details:

• dd content
• dt content

Optional parameter for attributes "a" (How to set and id, classes or other attributes to HTML elements?).

Download full code

• Read the full code
• Download and try this example

Links

• HTML5 Elements
• Elements attributes

◄ Back to the Quick Howto's