HTML

the prof

For online references and tutorials, see the following. My quick guide is below, including things specific to this WordPress site.

• HTML Dog
• HTML Code Tutorial

and

• HTML Color Codes

When you do a page or post, you probably use the “Visual” tab, which presents an array of options for formatting text. It’s also possible to click on the “HTML” tab and manually insert code.

The system recognizes standard paragraphs automatically, and with the defaults I set up should format them as “justified’ and with 8pt of space before the next paragraph, and an initial drop-cap. I’ve also set up several other formats.

The general modifier is of the form <p class=”class name“> at the start of a paragraph and </p> at the end (though this is one of the few html tags that need not be paired).^Note

Site-specific formats:

• for your by-line (right alignment): <p class=”rt”>
• for a double-indented paragraph (for a quote): <div class=”dblin”> [there is also a standard <blockquote></blockquote> tag and the visual interface may have a comparable menu item]

And here’s a list of all my standard tweaks:
• <div class=”dblin”> [requires a closing </div>] double indent for quotes
• <div class=”callout”> – red-brown, bold, right-aligned
• <div class=”calloutbox”> – in a box
• <div class=”biblio”> – smaller plus hanging indent
• <p class=”base”> – standard paragraph with an initial drop-cap. Now redundant – this is the default format
• <p class=”plain”>to not have a drop-cap!
• <p class=”rt”> – aligned right
• <p class=”hang”> – hanging indent
• <p class=”dblin”> – same as “div” dblin
• <p class=”callout”> – same as “callout” dblin
• <span class=”aside”> [requires a closing </span&>] – small green cursive font
• <span class=”comment”> – just smaller than regular text, best for inside brackets
• <sup class=”base”> [for superscript, eg to link to an endnote; requires a closing </sup>]

Finally there’s a way to put a “callout” quote that will appear on the right with a different color, font, size and weight. This is an example, done using <p class=”callout”>.