1.1  HTML1 - Introduction to the Internet and HTML
       

Index Code Tester

OBJECTIVE

DISCUSSION

Internet Basics
Summary of HTML

General Structure of an HTML Page

<html>
<!--  Comments look like this and can go anywhere -->
<head>
   <title>Your page title</title>
   <script></script>
   <style></style>
</head>
<body>
Your main stuff goes here
</body>
</html>

DEMONSTRATION

  1. Copy and paste the above code into Notepad.  Then save the file and open it in a Browser.
  2. Experiment to determine which tags are optional. 

EXERCISES

  1. Read the image of the file the "Prize" shown below.  This image contains the code for a web page.  It illustrates many of the concepts that you learn about in this class: HTML, Style, Scripting.  You can use this code as a template for future pages that you create.
    1. Try to determine what this web page will do.
    2. Type the page into Notepad and save it as an .htm file.  Be careful as you type.  Java Script is case-sensitive.
    3. Run and experiment.  Does the program do what you expected?
    4. Before doing the following you may want to save the file under a different name so that you can use it in the future as a template. 
    5. Experiment with the code.  Change the title of the page and the message that is displayed.  Make the main thing on the page a different color. 
    6. Which tags must you have in an HTML page?
  2. When you visit a website, does the site "know" who you are?  Go to one of the links below for the answer.
  3. Modify your "prize" page as follows:
    1. Add text to the main body "Collect your prize!!!"
    2. Make the text Yellow, the font verdana, and the size big.
    3. Add code so that an alert appears when the user clicks anywhere on the page.  The alert should have the message "You clicked me."
    4. Add an image to the page.

 

Code for The Prize 

LINKS AND HELP