Lesson One: Entering the HTML and Linking to CSS

  1. Make a folder on the c: drive named historytree
  2. Open Notepad and add the following text (actually typing the text is recommended.) Practice with Dance Mat Typing
    <!DOCTYPE html>
    <meta charset="utf-8">
    <title>The History Tree Mission Statement</title>
    <link rel="stylesheet" type="text/css" href="mission.css">
    <h1>The History Tree Mission Statement</h1>
  3. When you are confident that your code is correct: Click File, Save As and save your file in the c:\historytree folder as mission.html.

    Important Note: Only use save as the first time that you save an HTML file. If you use save as a second time Microsoft will put another html extension on your file. It will look like this: file.html.html. It will no longer run.

  4. Double click the mission file to view your first Web page: Sample

Lesson Two: Entering the content HTML to the body element