Kid's Guide Publish!
 
 
  Use the Kid's Guide to learn how to write web pages!
then use Publish! to learn how to get your pages live to the Internet!
BACK       

Kid's Guide

1 - Tags
2 - Page Sections
3 - Format/Nesting
4 - Head Tags
5 - Body tags
    part 1 - paragraph and align
    part 2 - text headers
    part 3 - breaks & rules
6 - Text Decoration
7 - Lists
8 - Colour
9 - Source
10 - Images
11 - Links/Anchor Tag
12 - Special Charaters
13 - Tables
14 - Frames

Paragraphs = <p></p>

Paragraph tag. If you want to write sentences, and paragraphs, called text: you put the words inside of a <p></p> tag.

Like this:
<p>This is my very first web page.</p>

Now the code should look like this:
<html>
    <head>
        <title>Jet Internet</title>
        <meta name="keywords" content="Jet Internet, web design">
        <meta name="description" content="This is my first web site.">
    </head>
    <body>
        <p>This is my very first web page.</p>
    </body>
</html>

There a lots of different ways you can make the text inside of a paragraph look. This is calledm using the alignment. Alignment means to line something up with either the left or right side of the page.

There are three main types of alignment; left, right and center. There is an alignment called justify, which is not supported by most browsers. It is very important to remember to spell center "er" and not "re". This is because HTML was invented in America and that’s how Americans spell center.

The command for telling a tag where to set the text alignment looks like this:
align="left"
You put the style command inside of the tag you want to it to control.

The browser views " " and ' ' in the same way that it veiws < and >. The quotes tell the browser toexpect a condition that will alter or enhance the tag. As before, you have to have matching pairs.

This is wrong:

"command'
'command"
command

  This is right:

"command"
'command'

The code should look like this:
<html>
    <head>
        <title>Jet Internet</title>
        <meta name="keywords" content="Jet Internet, web design">
        <meta name="description" content="This is my first web site.">
    </head>
    <body>
        <p align="left">This is aligned to the left side of the page.</p>
        <p align="right">This is aligned to the right side of the page.</p>
        <p align="center">This is aligned in the centre of the page.</p>
    </body>
</html>

Can you see how the code looks different from the example? See how the code is nested? It looks different from the way the page looks in the browser. You don’t have to use spaces to position the text in the <p></p> tags. That’s because it is the commands in the tags tells the browser where to line up the text.

 

 
Safety and Privacy Policies We'd love to get your feedback! Who Made This?

Copyright © 2002 HTML4KIDSTM. All rights reserved.


Hi! I'm Jet Internet! I'm here to guide you through the site and help you with any questions you may have. When you see and text in red slide your cursor over the word then look here in my Speach bubble. I will be able to help with defining, explaining and providing extra information on that topic.

Supported
Each browser has it's own DOM (Direct Object Model) that describes what a browser can do and what it can't. What a browser can do is supported and what a browser cannot do is not supported.

Style
Like fashion, style is all about appearance - in this case how your text appears. The sytle="" attribute of a tag will tell the tag how you want it to look.