Warning:
This wiki has been archived and is now read-only.

Educational materials/Grouping

From HTML Wiki
Jump to: navigation, search

Grouping

The following examples introduce typical tag of "Grouping":

<ul>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ul>

<ol>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ol>

<dl>
  <dt>tarm1</dt>
  <dd>difinition1</dd>
  <dt>tarm2</dt>
  <dd>difinition2</dd>
</dl>

<figure>
  <figcaption>The Stata Center</figcaption>
  <img src="stata.jpg" alt="The Stata Center Building">
</figure>


unordered list

Unordered list is specified by <ul> and <li>.

  • The items of the list are the li element child nodes of the ul element.
    If you would like to make 3 list items, you should specify 3 li elements.
<ul>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ul>

See also The ul element.

ordered list

Ordered list is specified by <ol> and <li>.

  • The items of the list are the li element child nodes of the ol element.
  • The type attribute specifies the kind of marker to use in the list.
<ol type="lower-alpha">
  <li>sample1</li>
  <li>sample2</li>
  <li>sample3</li>
</ol>

See also The ol element.

definition list

Definition list is specified by <dl>, <dt> and <dd>.

<dl>
  <dt>tarm1</dt>
  <dd>difinition1</dd>
  <dt>tarm2</dt>
  <dd>difinition2</dd>
</dl>

See also The dl element.

figure

<figure>
  <figcaption>The Stata Center</figcaption>
  <img src="stata.jpg" alt="The Stata Center Building">
</figure>