4: Text Formatting
Yes, more of these too.
First off, there's the PRE tag. It stands for 'preformatted', and forces your browser to pay attention to whitespace. Comes in handy for code, if you're doing more than just a snippet, because then you can do indents without having to type all the time. All text between PRE tags is displayed as-is, with all newlines, spaces, and tabs expressed by your browser exactly as you typed them. But be careful with tabs - not all browsers use the same tab widths. PRE is a block-level tag, like P and DIV, which means that there is a gap between it and the previous 'block' (like between this paragraph and the picture below).
___[_-,--,-_]___
__[ -~ ~- ]__
I__I __[_-~ ,-- \]
/(--)\/\/\/\ __- / / / \
[ 00 ] ======= __/ / [ ] \
~~~~ //_,,,~~~~,,,_____/ /
/
>>~~~~~~~~~~~~~~~~~~~~~
Now that should show up as some ASCII art. I swiped this from coolsigs.com - I didn't actually make it myself.
This paragraph should show up as a sidebar with a yellow background, to the right of the last two paragraphs.
Next up is subscripts and superscripts, the SUB and SUP tags, respectively. These have the expected effect of raising or lowering the text a bit: E = mc2 for superscript and H2O for subscript. I'm sure you've figured out by now how to use normal tags. Of course, for lynx that had absolutely no effect... But then lynx has only one font size and face.
Paragraphs can be aligned and 'floated', and objects (more on that later) can also be aligned and floated. Paragraphs can also be aligned relative to objects. For example, a paragraph can flow around a graphic, or a paragraph can be detached from the normal flow of things and 'floated' off to one side, where other paragraphs flow around it as if it were a graphic. Fun with sidebars! Paragraph alignment is handled with stylesheets. Take a look at the code behind this page to see what I'm talking about - the style that controls the sidebar is in the HEAD of this page.
