Please take some time and study the notes below. They will help you to understand the basic HTML code.
Look at the "Tag" (code being used in each sample)

Then Look at "How to use it" to see how the tag is used.

Then Look at "What it looks like" to see what your page will look like.




Text Tips
People use HTML (Hyper Text Markup Language) to create Web pages. Now you can use HTML tags to create and spice up your own Web page! Here's how:

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>

 

This is my website!<p>You'll enjoy it!

 

This is my website!

You'll enjoy it!

<br> This is my website!<br>You'll enjoy it! This is my website!
You'll enjoy it!
<hr> This is my website!<hr>You'll enjoy it!

This is my website!


You'll enjoy it!



Create titles six different ways
Tag How to use it What it looks like
<h1></h1> <h1>This is my website!</h1>

This is my website!

<h2></h2> <h2>This is my website!</h2>

This is my website!

<h3></h3> <h3>This is my website!</h3>

This is my website!

<h4></h4> <h4>This is my website!</h4>

This is my website!

<h5></h5> <h5>This is my website!</h5>
This is my website!
<h6></h6> <h6>This is my website!</h6>
This is my website!


Emphasize words using bold, italic and underline
Tag How to use it What it looks like
<b></b> <b>This is my website!</b>

This is my website!

<i></i> <i>This is my website!</i>

This is my website!

<u></u> <u>This is my website!</u>

This is my website!



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> <big>Look </big>Here right away, <big>Hurry! </big>

Look Here right away, Hurry!

<small></small> Look<small> right away,</small>

Look right away,



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.
Tag How to use it What it looks like

<ul></ul>

<li></li>

My item is: <ul>

<li>New</li>

<li>In excellent condition</li>

</ul>

My item is:

  • New
  • In excellent condition

<ol></ol>

<li></li>

My item is: <ol>

<li>New</li>

<li>In excellent condition</li>

</ol>

My item is:

  1. New
  2. In excellent condition


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.






Make your own free website on Tripod.com