This is a test article for seeing how several HTML elements are styled and displayed by WordPress themes. It uses all elements available in the basic view of the WordPress edit screen, plus a few more that are useful for web content, especially headings of two levels: h2 and h3.
Let’s start!
After the introductory paragraph and an h2 heading comes an image. It is a resized image that links to its full-size original, and that has a short sample caption:
This is the caption of the image.
Now comes a simple list that demonstrates how various inline elements are styled:
- This is an emphasized phrase (using
em) - This is a phrase displayed in strong type (using
strong) This is a deleted phrase(usingdel)- This is a linked phrase
Next is a quotation (from Hamlet) using blockquote:
There are more things in heaven and earth, Horatio,
Than are dreamt of in your philosophy.
Lists
Time to see how lists are styled…
Ordered and unordered lists, mixed and nested
Lists (ordered or unordered) are easy to get right. Nested lists, however, often reveal problems in the styling, usually by uneven and illogical vertical spacing.
- First item in an unordered list (
ul) - Second item in an unordered list
- Here starts an orderd list (
ol), nested in the unordered list - Second item of ordered list
- Third item of orderd list
- Going one level deep, to start an unordered list
- Second item of nested ordered list
- Back to the the ordered list of the previous level
- Here starts an orderd list (
- Back to the top-level
- Last item of the top-level unordered list
A definition list
Next is a definition list. Definition lists are a useful device for web content but are not available in the WordPress content editor. Maybe that’s the reason that some themes ignore them or, even worse, they reset their default browser styling and then leave them completely unstyled.
- Apple
- Pomaceous fruit of plants of the genus Malus in the family Rosaceae.
- An american computer company.
- Orange
- The fruit of an evergreen tree of the genus Citrus.
Preformatted text
A piece of code wrapped in pre:
#include <iostream>
int main()
{
std::cout << "Hello, world!\n";
}
Tables
| Header | Another header | A third header |
|---|---|---|
| A cell | A second cell in the first row | A third cell |
| A cell | Another cell | Yet another cell |
And our simple sample post reaches its end!
Cheers!
http://op111.net/67
http://op111.net/53