WebGearRESOURCES
For MultiMedia Technologies

HTML Basics

Paragraphs, line breaks, and horizontal lines
Separate your paragraphs using the <p> tag for a new paragraph.
The <br> tag starts a new line without skipping any space. To draw a line across the screen, use <hr> (for "horizontal rule").

Tag	How to use it	What it looks like
<p>	Hello World<p>How are You?	Hello World How are You?
<br>	Hello World<br>How are You?	Hello World How are You?
<hr>	Hello World<hr>How are You?	Hello World How are You?

Create titles six different ways

Tag	How to use it	What it looks like
<h1></h1>	<h1>Hello World</h1>	Hello World
<h2></h2>	<h2>Hello World</h2>	Hello World
<h3></h3>	<h3>Hello World</h3>	Hello World
<h4></h4>	<h4>Hello World</h4>	Hello World
<h5></h5>	<h5>Hello World</h5>	Hello World
<h6></h6>	<h6>Hello World</h6>	Hello World

Emphasize words using bold, italic and underline

Tag	How to use it	What it looks like
<b></b>	<b>Hello World</b>	Hello World
<i></i>	<i>Hello World</i>	Hello World
<u></u>	<u>Hello World</u>	Hello World

Increase or decrease your font one size at a time using <big> and <small> tags

Tag	How to use it	What it looks like
<big></big>	Bid <big>right away </big>for a great deal <big>and you </big>may win!	Bid right away for a great deal and you may win!
<small></small>	Bid now! <small>Before it's all over!</small>	Bid now! Before it's all over!

Use color
Liven type up with built-in colors like aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow or white.

Tag	How to use it	What it looks like
<font color=color> </font>	Bid <font color=green>now </font>and you may win!	Bid now and you may win!
<font color=color> </font>	Bid <font color=blue>now </font>and you may win!	Bid now and you may win!

Center your text

Tag	How to use it	What it looks like
<center> </center>	<center>Bid now!</center>	Bid now!

Create lists with bullets or numbers

• Begin your list with <ol> for an ordered, or numbered, list.
• Start the list with <ul> for a bulleted list.
• Each item in the list should have a <li> tag at the beginning and </li> at the end of each item.

Attach a picture to your listing
Use the <img> tag and indicate the Web address for the picture. See add a picture for more information.

Tag	How to use it	What it looks like
<img>	<img src="http://www.yourdomain.com/ images/yourpicture.jpg">	Your picture will appear in the Web browser at the spot where your tag is listed.

To get exactly the effect you want—just combine tags. For example, here's how to write "Bid now!" in bold, italic and centered:

<b><i><center>Bid now!</center></i></b>

Advanced Text Tip
Look at how other people use tags on a Web page you like. You can easily look at the HTML commands on a page using Microsoft Internet Explorer or Netscape Navigator.

In Internet Explorer:

• Click on "View" on the menu bar at the top of the browser page.
• Select "Source."

In the Netscape browser:

• Click on the "View" on the menu bar at the top of the browser page.
• Select "Page Source."

The code for the page that you are on will appear. From there you will be able to view the different HTML codes that were used to design the page.