HTML, Introduction

Essentially...

HTML is all about elements. Every line that you see is not something in HTML: the lines are the contents of a paragraph, or a list, or another element.

What you just saw is really this HTML code:

<h1>HTML, Introduction</h1>
<blockquote>Essentially...</blockquote>
<p>HTML is all about <i>elements</i>. Every line
that you see is not something in HTML: the lines are
the contents of a paragraph, or a list, or another
<i>element</i>.</p>

Hurriedly skipping from the starting point of the very beginning to the middle of the most complicated, even a movie is an element in HTML:

Try out a Shockwave Flash movie.

Further ugly details.


In my opinion, HTML is rather nice (except for the nasty-to-typing-fingers acronym--ugh!).

I have a complete list of XHTML HTML tags, minus those which are deprecated.

The best thing about it, I think, is paragraphs, like this:

Hi, welcome to paragraphs, which keep text neat, and flow the margins to fill in the available width, adjusted automatically.

<p>Hi, welcome to paragraphs, which keep text
neat, and flow the margins to fill in the
available width, adjusted automatically.</p>

It saves hordes of time in keeping linebreaks, colors, and margins straight. In fact, you never have to worry about any of that, until you are ready for some style:

This is green, isn't it?

p { color: green; font-family: arial }

Handcrafting your text designs is very fun: "pre" is for preformatting:

<pre>
Sugar and spice,
      And Everything Nice.
</pre>

Of course, you might want to emphasize

<em>emphasize</em>

something, or act like you are strong.

<strong>strong</strong>

By this time, you are sick of all these dumb marks, <, >, and =. Don't get angry, but do use an image:

image: FOO
<img alt="image: FOO" src="foo.png" />

Just make sure that you spell the

and the

correctly!

Before you do anything else, you'll want to make a link, with a:

Yahoo!
<a href="http://www.yahoo.com/">Yahoo!</a>.

But don't get the href (web address) wrong! (I don't know if Yapoo.com would like it--oops!)

If you want to go shopping, please make a list.

<ul>
<li>beans</li>
<li>potatoes</li>
<li>mushrooms</li>
</ul>

Head up your documents with the right headings.

Big

<h1>Big</h1>

Less big

<h2>Less big</h2>

Normal

<h3>Normal</h3>

They get tiny after this:

Squirrel
Mouse
<h4>They get tiny after this:</h4>
<h5>Squirrel</h5>
<h6>Mouse</h6>

Separate your sections with the horizontal rule (hr).


<hr />

Finally, don't forget the title!

<title>Huh? (An Intro to Oopsies)</title>

More explanations, with less clarity: