Text Sample
This is h2, automagically run as a subtitle
Important Note Treatment
This style was developed for very important content that appears at the top of an FAQ page or Troubleshooting information. I built it for the "If Acrobat Reader is making trouble, try Adobe's support" advice at the top of Study Materials FAQs, and it really ought to be reserved for that kind of "stop and read this before you read anything else" information. View Source to see how it's put together, or (better yet) talk to me about where you're hoping to use it, and I'll help you set it up.
This is h3
This is p, the basic paragraph style. If I don't specify the style of a bit of text on this page, it's probably a paragraph. There are a lot of them here, to show how they interact with each of the lists, headings, and other elements.
This is h4
This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This is h5
This is p, the basic paragraph style. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is h6
This is p, the basic paragraph style. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is a blockquote. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nisi ut aliquid ex ea commodi consequatur?
This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
"smaller" class. This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
"smalltext" class. This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
"smallest" class. This is p, the basic paragraph style. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Definition Term
- Definition of the term
- Definition Term
- Definition of the term
- Definition Term
- Definition of the term
This is a horizontal rule:
This is a horizontal rule with the tabseparator class assigned:
- Unordered list example
- List item 2
- List item 3
- Ordered list example
- There are ways to change the kind of numbering
- List item 3
This is h3
- List item 1
- List item 2
This is h4
- List item 1
- List item 2
This is h5
- List item 1
- List item 2
This is h6
- List item 1
- List item 2
Tables
If you need to style a table, visit the Tables page for a labelled example, or some existing tables to copypaste...
- Table example
- ACS comparison table
- FFSI curriculum table
- FLMI ditto
- Comp surveys fee schedule
- Study Materials Roadmap
- Academic Credit Recommendations
A few more things:
Example of the "cite" tag: Citation format is pretty much italic, but you can use CSS on it to get fancy on the web, and it's important for search engines.
This is an address.LOMA
2300 Windy Ridge Pkwy
Suite 600
Atlanta, GA 30082
This marks code as code so browsers don't try to render it.
What the heck is inserted text? Inserted text. Oh. Looks like it gets underlined.
Described as short inline quotation, and pretty much just sticks quotation marks around it
.
Another test sequence, courtesy of the HTML Element Sampler:
This sentence contains a link to W3C, which you have probably visited. This sentence contains a link to someplace else. This is an offsite link. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
This sentence contains an emphasized phrase. This sentence contains a strongly emphasized phrase. This sentence contains a strongly emphasized bit within an emphasized phrase. This sentence has the class "warning".
This is big.This is small.This is SAMP.This is sub.This is sup.This is S.This is strike.This is tt.This is U.This is cite.This is INS. This is DEL. This is ABBR. This sentence contains an acronym: Nato.
Complex nested lists
Ektron does a funny thing with nested lists—it adds a line space after the last item in the nest. It's possible to fine-tune it by adding inline styles, but inline styles are not best practice. If at all possible, rewrite the copy to avoid nested lists. (They can be kind of hard to follow anyway.)
- this is an ordered list item. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.
- this is another ordered list item
- This is an unordered list within an ordered one.
- This is another unordered list item.
- Just to be mean, here's another ordered list — inside the unordered list.
- ...and another list item, to fill space.
- This is a third item in that unordered list.
- This is a fourth.
- This is item 3 in the initial ordered list.
- This is item 4.
This is a paragraph within a div. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.