.6. HTML List


 Prev:
5. link
Menu: 
WYSIWYG HTML
 Next:
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

WYSIWYG Menu Bar

List Examples

Bullet List:
  • Item 01 
  • Item 02

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






Numbered List:
  1. Item 01 
  2. Item 02

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

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


<object>
<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>
</object>

Or Create individual icons for each item: