Online Courses - Basic HTML Tutorial

About KCKPS

Schools

Students

Kansas City, Kansas Public Schools · 625 Minnesota Avenue · Kansas City, KS 66101 · (913) 551-3200 · Fax (913) 551-3217

Online Courses Site Map:
	Online Courses Home
	Attendance
	Computers (Intro.)
	GroupWise
	HTML Coding (Basic)
	Inspiration
	Novell Client (Installing)
	Novell Logon
	Planning Website
	Using Paint .pdf
	Using Word .pdf
Links using reader are marked .pdf. Click icon to download reader. Use browser's back button to return.

Page 1 | Page 2 | Page 3

What is HTML and the Web?

HTML stands for Hypertext Markup Language. It was fully implemented in 1989 when Tim Berners-Lee invented the World Wide Web. The home page is the starting point of the Web. It is a document or file that consists of plain text, hypertext, images, audio and video sources.

Home pages are linked together into a web of information through hyperlinks. This is what creates the World Wide Web. HTML is what makes these hyperlinks possible.

First: Open the Notepad Program

When creating web pages always save your document/file with the .html or .htm extension. Use all lower-case letters to make it easier to remember their names when referring back to them when creating hyperlinks ... and for consistency.

Example: mywebpage.html

HTML uses markup tags enclosed in "less than" and "greater than" signs to encode information for reading by Internet browsers such as Explorer or Netscape. For example, to make a word bold in a document, the words that you would like to see in bold would be surrounded by the following code: <b></b>

What you do:	How it looks:
<b>This line should be in bold.</b>	This line should be in bold.

Always remember, you MUST put an ending tag after the words you want bolded.

If you would like to make your text italicized here is the code you would use: <i></i>

What you do:	How it looks:
<i>I would like for this line to be italic.</i>	I would like for this line to be italic.

The Head and Body of a Webpage

Now that you are familiar with the way HTML tags work, you need to become familiar with some necessary tags to make your web page function properly. The two major (necessary) parts of a web page is the head and body.

The head contains the title of the home page. This appears in the title bar of your browser. The body is where all of the content of your home page goes.

ALL web pages MUST start with the <html> tag itself and end with the closing </html> tag.

Below you will see an example of a very simple web page. Notice the beginning and ending tags both exist. Also, to make the code easier to read, in case you forget an ending tag, indent certain tags so they are easier to spot.

<html>
   <head>
      <title>My Home Page</title>
   </head>
   <body>
      <h3>Welcome to my Home Page!</h3>
      <hr>
      The 1st paragraph goes here. The above "hr" tag is a "horizontal rule." When looking at your document in the browser, you will see this as a line.
      <p>
      The 2nd paragraph goes here. The above "p" tag is a "paragraph."
      </p>
      <hr>
      By the Webmanager
   </body>
</html>

Below is what the above code would look like on your browser:

Welcome to my Home Page!

The 1st paragraph goes here. The above "hr" tag is a "horizontal rule." When looking at your document in the browser, you will see this as a line.

The 2nd paragraph goes here. The above "p" tag is a "paragraph."

By the Webmanager

Continue to "How to Make a List"