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       
Write code and see the results!   Try It! Practice building your own web pages in the Text Editor and save them for later!

HTML

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

Source - src=""

When you want to show an image on a page, link to another page or or any other type of file, the browser is going to need to as three questions:

  1. How do I get to it?
  2. What's the file's exact name?
  3. What am I looking for?

How do I get to it? URL - User Resource Location.: Where is the file? Is it on another web site? Is it on this web site in a sub directory? The browser needs to know the address/source of the file so it can go fetch it back into the web browser.
Is the file on another site? then you will need the address or URL - User Resource Location. URLs are made of four parts.

  1. http:// = tells the browser you want a non secure public access sites
  2. www = world wide web
  3. . = separates the first half of the address from the domain name
  4. domain
  5. .extension = .com, .co.uk, .net, .org
  6. / = shows the location of the contents a folder
  7. folder = name of a subdirectory
  8. / = shows the location of the contents a folder
  9. file = name of the file you are importing to the browser. This name is often case sensitive.
  10. .extension = What type of file is it?

What's the file's exact name?
Case Sensitive - the name MUST match the way it appears on the file, which letters are uppercase or lowercase. If they don't match, then the browser wont be able to find the file. The browser will think it is looking for a different file.

correct   incorrect
members/index.html   members/index.html
memebers/index.html   Members/INDEX.HTML

Computers are very literal - all answers are either a 0 or a 1. The browser can tell the difference between index.html and INDEX.HTML, and may think that they are two different files despite that they have the same name. This may seem silly and a bother, but can be very useful when you begin to build complicated applications.

What am I looking for?
What type of file is it? Is it an image file - .jpg, .gif; a web page - .html; a document - .doc, .pdf, .txt?

 
 
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.

Directory/Sub Directory
A directory is a folder on a server/computer where the files for your site live. A sub directory is a folder within a folder.

URL
Uniform Resource Locator, also called URI - the address of the document on the web.

Case Sensitive
You can only type tags and file names by using exactly matching names.