SEARCH: webmonkey  the web

 
The How-to Library:

Authoring
Design
Multimedia
E-Business
Programming
Backend
Jobs
---------
About Webmonkey



<advertisement>

Lycos Domains
Lycos Domain Names
Get email forwarding, domain management tools, and more for just 9.95 a year!

</advertisement>



Sign up for Elbow Grease,
our newsletter.

Authoring   HTML Basics
Headlines

<h1> turns on large headlines
</h1> turns off large headlines
<h3> turns on medium sized headlines
</h3> turns off medium sized headlines
<h6> turns on small headlines
</h6> turns off small headlines
     You get the idea.

Once upon a time, someone decreed that the headline of an HTML page should be larger and bolder than the rest of the text - just like in the tabloids. And it was so. Headlines can range in size from h1 (quite large) to h6 (quite small). All in all, the headline tag isn't too hard to master. They're switched on with a tag such as <h1> and switched off with a corresponding </h1>.

If you write in your HTML file:

<h1>EXTRA! COW KILLS FARMER WITH AX</h1>

You'll get:

EXTRA! COW KILLS FARMER WITH AX

If you type:

<h2>Teacher Strikes Idle Kids!</h2>

You'll get:

Teacher Strikes Idle Kids!

Pret ty easy, huh? Well, if you're already getting bored, we know one headline trick you can exploit for your own happiness (if you're using Netscape). By using, say, <h2> along with <pre> you can preformat text (saving your returns and spaces) i n a large, bold font, traipsing blithely past the philosophical differences between the fixed-width and proportional type faces. But the tricky part is you must put the headline tag outside the <pre> tags for it to work.

If you put t his in your HTML doc:

<h1><pre>Fixed width? Fooey!</pre></h1>

You'll get this:

Fixed width? Fooey!

Note, once again, that at "press" time, the <h1> used with <pre> only worked reliably on Netscape browsers. However, you may get similar results by noodling around with the <font size> and <tt> (that's "teletype," as in the machine) tags.


Got a handle on it? Now try it yourself.



Learn More
View Source
Paragraphs
Headlines
Links
Mailtos
Comment tags
Bold/Italics
Font color
Font size
Teletype
Blink
Preformatted text
Background image
Background color
Blockquotes
Line breaks
Aligning text
Adding/Aligning Images
Ordered lists
Unordered lists
Definition lists
Image borders
Wrapping text