Electric Type

Multimedia

About Us

News

Help

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



Tutorials  

Authoring  

Teaching Tools  

Backend  

Multimedia  

Design  

E Business  

User Blogs

Screen Shots

Latest Updates

Contact Us

Valid HTML 4.01!
Valid CSS!

Breadcrumb

© ElectricType
Maintained by My-Hosts.com
Site map | Copyright | Disclaimer
Privacy policy | Acceptable Use Policy
Legal information.