Ethics Commission
City and County of San Francisco

Sample Content for Review and Use (this is level heading 1)

This is a level heading 2

This is paragraph-style text and this is an example of a link to a MS Word Document. There is no need to manually include the image of the MS Word icon next to the link text. The stylesheet is designed to automatically apply the MS Word icon next to any links to Word documents.

This is a level heading 3

This is paragraph-style text and this is an example of a link to a Adobe PDF File. There is no need to manually include the image of the Adobe PDF File icon next to the link text. The stylesheet is designed to automatically apply the Adobe PDF File icon next to any links to Word documents.

This is a level heading 4

This is paragraph-style text and this is an example of a link to a MS PowerPoint Document. There is no need to manually include the image of the Adobe PDF File icon next to the link text. The stylesheet is designed to automatically apply the Adobe PDF File icon next to any links to Word documents. Automatic document cues will also be automatically generated for email links, for example: E-mail link to Webmaster

Ordered List

  1. wash
  2. rinse
  3. spin
  4. dry

Unordered List

  • eggs
  • milk
  • butter

Unordered list of Documents with auto-cues (Level Heading 2)

This is an example of a link to an outside Web site. To generate links that contain the icon of the arrow and box, all you need to do is include the following snippet of HTML code inside the anchor: rel="external". So for example the complete code for this link would be as follows:

<a href="http://www.sfgov.org/" rel="external">example of a link to an outside Web site</a>

Ordered List (Upper-Roman)

  1. One
  2. Two
  3. Three
  4. Four
  5. Five

To apply upper-roman styling to simple ordered lists, add the following to the opening tag of the ordered List
<ol class="roman">

Ordered List (Upper-Roman/Lower alpha)

  1. One
  2. Two
    1. Sub 1
    2. Sub 2
  3. Three
  4. Four
  5. Five

To apply upper-roman/lower-alpha styling to complex ordered lists, add the following to the opening tag of the ordered List
<ol class="roman-alpha">

This is a data table

NameNumberAddress
 Jarrod

 123

 cube 1
 Judy

 456

 cube 2
 Steven

 789

 cube 3
Can I create data tables using TypePad?
Unfortunately TypePad does not Table creation capabilities.
Then how can I create data tables if TypePad doesn't have this functionality?
Whatever you do, do not used exported HTML tables generated  from Microsoft Word. Instead, download the free Kompozer Web authoring tool and use this tools table creation feature to create proper data tables.

Imported data table from Kompozer

Table Heading 1Table Heading 2Table Heading 3Table Heading 4
datadatadatadata
datadatadatadata
datadatadatadata

Inserting an image to your post

This is paragraph and this is an example of an image that has been inserted to the page. All images used in Web pages should use alternate text (Alt-Text) to provide a text equivalent in case the image can’t be displayed. Alt-Text used should be a concise replacement for the image and should convey the purpose and meaning in a way that makes sense to the user.

Inserting Files to your post

Here is the training document: Download Kompozer-user-manual

Was this page helpful?

Scan with a QR reader to access page:
QR Code to Access Page
https://sfethics.org/ethics/2009/06/sample-content-for-review-title-h1.html