THE ELEMENTS OF HTML

(This was my first exercise, using HTML tags for the very first time...it was something of a voyage of discovery. looking back on it now, it contained some extremly basic nesting errors, now fixed)

We can make things big with the BIG tag The quick brown fox jumps over the lazy bear
We can make things small with the SMALL tag The quick brown fox jumps over the lazy bear

Then we can do this:
We can underline, with the U tag: The quick brown fox jumps over the lazy bear
We can italicise with the I tag: The quick brown fox jumps over the lazy bear
We can bold with the B tag: The quick brown fox jumps over the lazy bear
We can strike through with the S tag: The quick brown fox jumps over the lazy bear

Or, put some of them together: The quick brown bear jumps over the lazy dog

And we can add some pretty colors, using FONT and COLOR= tags
The quick brown fox jumps over the lazy bear
And then there is size: FONT SIZE=, and it goes from 1 to 7
lets start with size 1: The quick brown fox jumps over the lazy bear
and we can keep right on going: this is size 2 The quick brown fox jumps over the lazy bear
size 3 The quick brown fox jumps over the lazy bear
size 4 The quick brown fox jumps over the lazy bear
size 5 The quick brown fox jumps over the lazy dog
size 6 The quick brown bear jumps over the lazy Mary
size 7 The quick brown bear jumps over the lazy lamb

Logical Markups:
We have EM and STRONG which give us, respectively, something emphasized: emphasized or strong: strong
Now to see what these do: TT gives us testing, testing, 1 2 3 which looks like typewriter text!
and CODE gives us this: testing, testing, 1 2 3 which looks very similar
and now, KBD gives us testing, testing, 1 2 3 would that be "keyboard" by any chance?
also SAMP gives us testing, testing, 1 2 3.
Well that was exciting.

And on we go, to ABBR which is more complicated: you have to write what you are abbreviating in full , then write just the abbreviation, which is what shows in the page, until you hover over the abbreviated text. Got it? PWD , see, thats me but only when you hover. Go ahead, do it!, hover over my initials....
ACRONYM works the same. Personally, I like to go SCUBA diving, but I don't really want to spell it all out, so I can use ACRONYM like this: SCUBA . Remember to hover!
INS and DEL insert and delete items, and mark them as newly inserted or deleted text:
INS gives us testing, testing, 1 2 3
and DEL gives us testing, testing, 1 2 3
which look remarkably like Underline and Strike, but never mind.

SUB and SUP do this testing, testing, 1 2 3 and this testing, testing, 1 2 3.

On we go to Q and BLOCKQUOTE
Got to admit, I don't understand these two. So I'll leave it for now.

Moving along, PRE gives us pre formatted text, imported as is from somewhere else, provided it works, which it does not seem to be here.

                            Classical Thermopylae in Works by Emily Dickinson:
                                              War, Death, and Immortality

     Selected works by Emily Dickinson reflect her ongoing engagement with Western classical tradition.  Critics who have focused on this tradition in Dickinson’s works note her familiarity with classical philology, history, mythology and philosophy; they cite her well-documented knowledge of Latin and Greek, finding similarities between her terse lyric form and the Greek epigrams and Horatian odes she studied in school. 


Maybe HR would be useful here, as it gives a horizontal rule
or maybe even two



Then some easy ones, already used in here: CENTER will center the text,
BR gives a line break and

P gives a new paragraph, as you see demonstrated here.

P tages can ALIGN=LEFT, ALIGN=CENTER or ALIGN =RIGHT

This one is an example of left alignment, using the same text as was previously pre-formatted
Classical Thermopylae in Works by Emily Dickinson: War, Death, and Immortality Selected works by Emily Dickinson reflect her ongoing engagement with Western classical tradition. Critics who have focused on this tradition in Dickinson’s works note her familiarity with classical philology, history, mythology and philosophy; they cite her well-documented knowledge of Latin and Greek, finding similarities between her terse lyric form and the Greek epigrams and Horatian odes she studied in school.

Headlines change size from

H1: this is a H1 hed


which is big, all the way to H7 , which is small, and, as you see, can be colored. Or aligned.

Click to go back to my home page