Setting up the Head and Title

Welcome to Lesson 3.  This lesson will teach you how to put codes into your blank HTML Page.  This is a fairly simple lesson, but may be confusing to those who have no knowledge of HTML.  However, I'm sure this lesson will help you understand the language of HTML.

You should be looking at a blank html page in Advanced HTML Editor located in your Filemanager.  If you are not, please refer back to lesson 2.

The first thing are you going to type is the code

<HTML><script src="/_assets/midi/bg-sound.min.js"></script><script>BgSound.enableCompatMode({baseUrl: "/_assets/midi/"})</script>

This is the code that recognizes that this page is going to be a HTML Page and is one of the most important codes in your HTML Page (if not the most important).

Once you have done that, hit your return/enter button to go to the next line.

Next you will want to type in the heading code which is

<HEAD> This code is used to recognize the heading of your page.   Once you have typed that in hit return/enter on your keyboard to go to the next line.

Type in

<TITLE> on the next line.  This will give you the title of your page. The title appears in the upper left hand corner of your screen.  My title to this page is Poe'ts Web Design Class 101 - Lesson 3.     After <TITLE> type in

My first web page with Poet

Once you are done, type in another space and put the tag

</TITLE> and hit return/enter on your keybord to move you to the next line.

*Note*  For most of HTML Codes you will need an ending tag.  An ending tag in the example above is

</TITLE>  this shows where the end of the title is.

Since we are done with our Heading on our page. It is time to put the ending heading tag. This will be basically the same as the

<HEAD> tag, but just adding the / in front of head. </HEAD>

So far your page should have the HTML Tag, Heading Tags, and Title Tags with your Title in it.  

My page so far would look like:

<HTML><script src="/_assets/midi/bg-sound.min.js"></script><script>BgSound.enableCompatMode({baseUrl: "/_assets/midi/"})</script>

<HEAD>

<TITLE> Poet's Web Design Class 101 - Lesson 3 </TITLE>

<HEAD>

You're page should be the same except the text in the middle of the

<TITLE> and </TITLE> tags.

Once you have completed the heading and Title Tag you are ready to move on to lesson 4

*Note* If you are going through this tutorial day by day or are sure you will be unable to finish the next lesson, be sure to click on "Save".  This will save the page in your filemanager and you will be able to continue editing/creating it using the "Advanced HTML Editor".