MWC Home Page

Technology Training Home > Internet > HTML Basics Tutorial Intro > Heading Tags

Contents  
Intro
Getting Started
Heading Tags
Formatting Paragraphs
Adding Hyperlinks and Images
 
 
 

HTML Basics
by Andy Rush


Heading Tags
 

Let's start adding some stuff to our web page. How about a nice big description of our page, something like "My Home Page". We'll use the heading tag which looks like this <H1>. We'll add this line to our html document:

<H1>My Home Page</H1>

Note that the <H1> tag and the </H1> tag surround the text on either side. The <H1> tag turns on the H1 format, while the </H1> tag turns it off. If you don't have the tag that turns off the formatting, your whole document will have huge text because it's using heading size 1.

Let's see it . . . (View the source if you want, then click the Back button to return)

There are many sizes of heading tags you can use:

<H1> </H1> Largest size heading . . .

<H2> </H2> with

<H3> </H3> everything

<H4> </H4> in

<H5> </H5> between

<H6> </H6> to the smallest heading.

Now we'll simply add some text, a short welcome, to our page after our opening title.

What does the welcome look like . . . (and view the source while you're there)

Here are some other tags to try:


<B></B> for Bold text

<CENTER> </CENTER> for Centered text

<U></U> for Underlined text

<I></I> for Italic text

Again, each one of the tag pairs above surround the text to be formatted on either side.

Let's add these elements to our page now. I want to center my heading, bold the word "Welcome", italicize "home page", and underline "enjoy".

Check it out . . . (While you're checking it out, view the source)

 

 

 

 
 
< Previous Page
[Resources for Prospective Students] [Resources for Current Students] [Resources for Faculty and Staff] [Resources for Alumni] [Resources for Community and Visitors] [A to Z Index] [People Search] [Search MWC]
[MWC Home Page]

Division of Teaching and Learning Technologies
Mary Washington College
1301 College Avenue, Chandler 105
Fredericksburg, VA 22401-5358
Tel. 540.654.1379 Fax 540.654.1068

This Web Page Maintained by
Andy Rush
Department Site Index
Comments or Questions?

To JMC Home Page

[James Monroe Center Home Page]