Science and Technology header

Make Your Own Web Page

Step 4: Learning Basic HTML

Now you need to begin writing in a language called HyperText Markup Language, or HTML. You will need to insert some formatting tags that will tell an Internet browser (Internet Explorer, Netscape) how to view your words and pictures on the screen.

Your basic page looks like this:

<html>
<head>
<title>Title of Page</title>
</head>
<body>
Text of page...
</body>
</html>

Each formatting tag appears between "less than" (<) and "greater than" (>) signs, and tags often appear in pairs, with the second tag in the pair beginning with a "slash" (/). This is a way to basically turn the formatting on and off. For example, <B> turns the bold on and </B> turns the bold off.

Here's a list of some of the basic formatting tags in HTML:

<h1>...</h1>
header, level 1 (the largest size type for a header, usually used at the beginning of a page or the start of a new section). Smaller headers are tagged with <h2>...</h2>, <h3>...</h3>, etc.

<b>...</b>
boldface text

<i>...</i>
italic text

<center>...</center>
centered text

<p>
paragraph return (inserts a blank line between paragraphs)

Note: Any paragraph returns that you insert in your document by simply hitting the Return key on your keyboard will be ignored by a Web browser. You must use the tag <p> to create a paragraph break on the screen.

<br>
line break (no extra space)

<hr>
horizontal rule (a line running left-to-right across the page, to separate one section from the next)

<ol>...</ol>
ordered, or numbered, list. Each list item begins with the tag <li>, which means list item, and falls somewhere between the <ol>...</ol> tags.

<ul>...</ul>
unordered, or bulleted, list. Again, each list item begins with the tag <li>.

<a href="filename.html">...</a>
a hotlink to another file in the same folder

<a href="http://URL">...</a>
a hotlink to another site. You will have to know the Uniform Resource Locator (URL), or Web address, of any site to which you want to link your page.

<img src="image.gif">
This tag would insert an image with the filename "image.gif" on the far left side of your page.


 

 

Send This Page to a Friendenvelope

squiggly bar

Body FX | You're Not Alone |  Science & Technology | BodyWise  GirlSpeak! | Guests |   Sports & Fitness | Endorser Spotlight | Games & Puzzles |  What You've Said | Picks of the Internet | Girl Power! Stuff | | What's New | Scrapbook |
For Girls! Locker | Homepage
| Search 

Please e-mail all comments, questions, or suggestions to gpower@shs.net.
Se Habla Espaņol

Accessibility, Privacy Policy, and Disclaimer

squiggly bar