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
6 - Text Decoration
7 - Lists
8 - Colour
9 - Source
10 - Images
11 - Links/Anchor Tag
12 - Special Charaters
13 - Tables
14 - Frames

Format/Nesting

You now have your opening tags – <html></html> - which tell the browser to make a web page. You need to tell the browser to look that your page has a head section and a body section.

We call this nesting, putting one set of tags inside of the other. Much like the russian dolls that fit one iside the other.

<html>
    <head></head>
    <body></body>
</html>

  

Did you see how the head and body tags were indented, moved to the right by 4 spaces? This is called formatting. By indenting the nested tags by 4 spaces it makes it easier to read your code. It is especially important, because if you make a mistake, it will be easy to find if the code is formatted and not in a jumble like this:

<html><head>
</head><body></body>
</html>

Rule THREE: Always format your code.

 
 
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.

Nesting
Putting one set of tags inside of the other.

Formatting
Indenting the nested tags by 4 spaces it makes it easier to read your code. If you make a mistake, it will be easier to find if the code is formatted.