Lesson One: Entering the HTML and Linking to CSS
- Make a folder on the c: drive named historytree
- Open Notepad and add the following text (actually typing the text is recommended.) Practice with Dance Mat Typing
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>The History Tree Mission Statement</title> <link rel="stylesheet" type="text/css" href="mission.css"> </head> <body> <h1>The History Tree Mission Statement</h1> </body> </html>
- 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.
- Double click the mission file to view your first Web page: Sample