Boole 2014

Lesson 2: A little better.

Ok, so that first html page was simple but it wasn't very flashy. I think we can do better.


Step 1. Open a new text file for Lesson 2. You can create a blank text file the same way as you did in Lesson 1

Step 2. You are still going to start the code with <html> just like you did last time. This is like telling the computer "Hey! Listen! Everything from now on is HTML code."
At the end of the entire document you will end with the closed version </html> (Note the / forward slash) indicating the endpoint for that element.

Step 3. Next we are going to introduce a new feature called <head>, this is where background information about the page is located. In this section we will include a title for the page. This title will appear at the very top of the internet browser.

Step 4. The customary way to write a title is with the following code <title>This is where you put the title</title> It will look something like this

Step 5. </head> means that you are done with that section. The next section of the page is called the <body> and this is where the bulk of the content for your page will be located. At the end of this section there will also be the equivalent closing marker of </body>.

The code

<html>
<head>
<title>This is the title </title>
</head>
<body>
<h1> Headings look like this</h1>
This page is all about ... blah blah blah
</body>
</html>


Step 6. Same as before, go to the File Menu and select "Save As..."
Step 7. Save the file as an html file. For example you could call it "yourname_html_lesson2.html"
Step 8. Double click on your new .html file and your website should open in the default browser window!


Go on to Lesson 3