Information Technology Reference
In-Depth Information
II
In ordered (numbered) lists, the items are surrounded by the
<ol>/</ol>
tag pair. Just as with
unordered lists, each list item is preceded and followed by the
<li>/</li>
tag pair.
Table 6.3 shows two lists as they appear on the Visual tab and the HTML tab.
Table 6.3
Visual Versus HTML Lists
Visual
HTML
These are a few of my favorite
These are a few of my favorite
Shakespeare quotes:
Shakespeare quotes:
<ul>
All the world's a stage, And all the
<li> All the world's a stage, And all
men and women merely players.
the men and women merely players.</li>
The evil that men do lives after them;
<li> The evil that men do lives after
The good is oft interred with their
them; The good is oft interred with
bones.
their bones.</li>
The course of true love never did run
<li> The course of true love never did
smooth.
run smooth.</li>
</ul>
From first to last, my favorite
From first to last, my favorite Shakespeare
Shakespeare quotes are:
quotes are:
<ol>
The little foolery that wise men have
<li> The little foolery that wise men have makes a
makes a great show.
great show.</li>
The web of our life is of a mingled
<li> The web of our life is of a mingled yarn, good
yarn, good and ill together.
and ill together .</li>
There is nothing either good or bad,
<li> There is nothing either good or bad, but
but thinking makes it so.
thinking makes it so.</li>
</ol>
Note that the formatting for the lists looks very similar; the only difference is the use of the
<ul>/</ul>
tag pair for one and the
<ol>/</ol>
tag pair for the other. When editing HTML, it's
easy to change from one type of list to the other just by changing two u's to o's or vice versa.
Also note how the list items in the column of HTML code are indented, as they are in WordPress,
for both the unordered (bulleted) and ordered (numbered) lists. This indenting has nothing to do
with the HTML code itself; it's called “prettyprinting,”
whether it's used for onscreen display or a physical printout.
Prettyprinting is used with various kinds of code to make it
easier to work with. Some HTML editors have very elaborate
prettyprinting, including further use of indentation, colors,
fonts, text styles (bold, italic, and so on), and any other ploy
that helps make it clearer what's going on in all that code.
You can see that, even in this brief example, the HTML code
takes up a lot of space on the page. The same is definitely
note
It wouldn't be a bad idea for
Automattic to include a full-screen
HTML editor alongside the full-
screen version of the editor for the
Visual tab in future versions of
WordPress. Until then, you'll have
to find workarounds.
