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
- wash
- rinse
- spin
- dry
Unordered List
- eggs
- milk
- butter
Unordered list of Documents with auto-cues (Level Heading 2)
- MS Word Document
- Adobe PDF File
- MS Excel Doc
- MS Powerpoint Doc
- E-mail link to Webmaster
- External Link to CNN
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)
- One
- Two
- Three
- Four
- 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)
- One
- Two
- Sub 1
- Sub 2
- Three
- Four
- 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
| Name | Number | Address |
|---|---|---|
| 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 1 | Table Heading 2 | Table Heading 3 | Table Heading 4 |
|---|---|---|---|
| data | data | data | data |
| data | data | data | data |
| data | data | data | data |
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