SmartGirl
Newsletter Resources Search Site Map Contact
Speak Out Express Yourself Spread the Word Issues
    HTML Tutorial  
   

Steps
  1. Overview
  2. About the Internet
  3. Hello, HTML
    1. Adding text
    2. Changing text
  4. Make it pretty
  5. Adding pictures
  6. Fancy layouts
  7. Show it to the world
Step 3. Hello, HTML

Adding text

One of the easiest and most important things to put on a web page is text. Text is usually inserted with the paragraph tag <p>. This tag tells the browser that what follows will be text for it to display. Go to the HTML Playground and try typing this line in place of the "REPLACE ME" text.

<p> I love animals! </p>
will show up in the browser as

I love animals!

Not too exciting, right? So let's make it bigger! HTML has tags for creating headings of various sizes; the largest is <h1> and the smallest is <h6>. Let's use the <h1> tag to make the text big. To do this, wrap the start and end tags around the text like this:

<p> <h1> I love animals! </h1> </p>
will show up in the browser as

I love animals!

Now it's definitely more eye-catching!

 
Previous   Next


HTML Playground
Your Code


The Results

 
   
    Crush Barometer Fortune Teller Smart Scope Dream Dictionary Mash Quiz