html4kids! Interactive Web Design learning tool for kids

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
    part 1 - fonts
    part 2 - style
    part 3 - size
    part 4 - blockquote and preformatted
7 - Lists
8 - Colour
9 - Source
10 - Images
11 - Links/Anchor Tag
12 - Special Charaters
13 - Tables
14 - Frames

Blockquotes & Preformatted Text

The next two techniquies give you different ways of treating large sections of text all at once.

Blockquote = <blockquote></blockquote>
A way of presenting a block or section of text - quotes, poems, jokes or sayings - is to use the <blockquote></blockquote>. WARNING! <blockquote></blockquote> does not work well inside of paragraph tags! <blockquote></blockquote> is used INSTEAD of paragraph tags.
code:
<blockquote>The quick<br>brown fox jumped<br>over the lazy dog.</blockquote>

Preformatted = <pre></pre>
In order to understand the <pre></pre> tags you have to know what whitespace is. White space is the space between words and lines. Prefromatting a section of text will preserve or keep the whitespace intact in that section. Posting code to a site is the most common use for preformatting text. WARNING! <pre></pre> are used INSTEAD of paragraph tags.
code:

<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>

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.

White Space
The space between words and lines. This can be empty spaces that don't use   (no-breaking-space), line breaks - <br>, and the spaces between paragraphs.