Lesson 1 - What is a Web Page?

We'll you've all seen web pages - you're looking at one now, but behind what you see there's lots of other "stuff".
A lot of web pages are written in a funny language called HTML - Hypertext Markup Language.
HTML might sound complicated but it isn't.
By the end of these lessons you will be able to create a web page using HTML without a second thought!
The HTML language uses TAGS to indicate an instruction to the browser (a browser is what you look at a web page through).
Below is an example of what the HTML looks like for a web page (it's actually the HTML for THIS web page):

<HTML>  <HEAD> <TITLE>Lesson 1 - What is a Web Page?</TITLE> </HEAD> <BODY BACKGROUND = "bg1.jpg" TEXT="#ffffff" LINK="#ffff00" VLINK="#ffff00" ALINK="#ffff00"><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-47423994-1', 'fortunecity.ws'); ga('send', 'pageview'); </script> <center> <br> <div> <script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </div> </center> <CENTER> <FONT FACE = "Curlz MT" COLOR = "CC0099"> <H1>Lesson 1 - What is a Web Page?</H1> </CENTER> <FONT FACE = "Tahoma" SIZE = 4 COLOR = "Black"><B> We'll you've all seen web pages - you're looking at one now, but behind what you see there's lots of other "stuff".<P> A lot of web pages are written in a funny language called HTML - Hypertext Markup Language.<P> HTML might sound complicated but it isn't.<P> By the end of these lessons you will be able to create a web page using HTML without a second thought!<P> The HTML language uses TAGS to indicate an instruction to the browser (a browser is what you look at a web page through).<P> Below is an example of what the HTML looks like for a web page:<P> At the top of the screen you will notice there's the words "HTML" in funny brackets - those funny brackets indicate a TAG. Each TAG has a different meaning. The HTML TAG tells anyone looking at the page that this page is written in HTML.<P> What's the next TAG you can see?<P> The "Head" tag? - yes, this TAG tells anyone reading it that it refers to the heading of the page and nothing actually to do with the page itself. Both the "HTML" and "Head" tags are information TAGS - they don't do anything.<P> Other TAGS do things. Like the "CENTER" tag - which centres things on a page.<P> We will learn how to use all the different types of tags in the next couple of lessons.<P> Well, are you ready to start creating a web page?<P> What you will need to do now is:<P> <UL> <LI> Open up Notebook using the Start button, then select Programs, Accessories and Notebook. </LI> <LI> Open up another screen of your web browser, so you will be able to read this in one screen and look at what you create in the other. </LI> <LI> Click on Lesson 2 below. </LI> </UL> We'll be using three different screens as we work through this so if you get lost just come back here and start again!<P> <P> <FONT FACE = "Curlz MT" COLOR = "CC0099"> <A HREF="Lesson2.html" STYLE="text-decoration: none"><H2>Lesson 2 - Starting Out</H2></A> <A HREF="Index-3.html" STYLE="text-decoration: none"><H2>Back Home</H2></A> </BODY>
At the top of the screen you will notice there's the words "HTML" in funny brackets - those funny brackets indicate a TAG.
All TAGS live inside these brackets - so anything with a <> around it is a TAG.
Each TAG has a different meaning. The HTML TAG tells anyone looking at the page that this page is written in HTML.
What's the next TAG you can see?
The "Head" tag? - yes, this TAG tells anyone reading it that it refers to the heading of the page and nothing actually to do with the page itself. Both the "HTML" and "Head" tags are information TAGS - they don't do anything.
Other TAGS do things. Like the "CENTER" tag - which centres things on a page.
We will learn how to use all the different types of tags in the next couple of lessons.
Well, are you ready to start creating a web page?
What you will need to do now is:

Open up Notebook using the Start button, then select Programs, Accessories and Notebook.

Open up another screen of your web browser, so you will be able to read this in one screen and look at what you create in the other.

Click on Lesson 2 below.

We'll be using three different screens as we work through this so if you get lost just come back here and start again!

Lesson 2 - Starting Out

Back Home