.6. HTML List

5. link
7. Indent

List Html

Organize Google Sites List by creating Bullet or Numbered lists of items in Google Sites through the WYSIWYG menu bar.

Bullet List or Unordered List <UL>
Numbered List or Ordered List <OL>

WYSIWYG Menu - Menu bar


List Examples

Bullet List:
  • Item 01 
  • Item 02

<li>Item 01</li>
<li>Item 02</li>

Numbered List:
  1. Item 01 
  2. Item 02

<li>Item 01</li>
<li>Item 02</li>

HTML List code

<ul><li><span style="direction: ltr; ">Item 01&nbsp;</span></li><li><span style="direction: ltr; ">Item 02</span></li></ul>

Google Sites Creates an Additional  span tag and style attribute for each item in the List tag.

The Inline CSS style attribute can also be used, by adding the <object> tag around the list.

The list bullets can be customized to a single Image/icon for each item.

<object><ul style="list-style-image: url(http://www.example.com/tick.gif); list-style-position: outside; "><li>Item 01</li><li>Item 02</li></ul></object>

Custom List Icon

<ul style="list-style-image: url( https://chart.googleapis.com/chart?chst=d_simple_text_icon_left&amp;chld=|14|000|glyphish_todo|16|000|FFF ); list-style-position: outside; "><li>Item 01</li><li>Item 02</li></ul>

Or Create individual icons for each item: