1. Open Notepad++.

Click on Start ► All Programs ► Notepad++ folder ► Notepad++ or double-click

on the Notepad++ shortcut on the desktop. This will open a blank document
in Notepad++.

2.  Type the basic HTML structure.

Type in the code on your right.

NOTE: It is advisable if you use the Tab key to indent the next set of tags. This is to
allow you to easily review the previous codes.
3. Type the visible page content.

Type in the code on your right inside the body tag.

NOTE:
- target=”Body” means that the links would appear on an iFrame with the
name “Body”.
This is the continuation of the previous code.

NOTE:
- The name=”Body” means that the links for Intro.html, Songs.html, Sequel.html,
and Characters.html will appear on that part of your website’s screen.

Save your file.

After writing the code, save your file by clicking File ► Save As

Upon clicking Save As, the Save As window will appear. Choose the destination of your file
► rename it in the File name textbox ► choose the file format in the Save as type drop
down menu.

NOTE: You should save your HTML file on the same folder where the images you used are
stored. Name your file as Home.html.

Create a new file.

Click File ► New or press Ctrl + N.

Upon clicking the New button

or pressing the shortcut
keys, a new document will appear.

Type in the code on your right.

NOTE: This code is for the first webpage, Intro.html, to be shown on your iframe tag.

After typing the codes, save your file again, but this time, name it as “Intro.html”.

Use the embed tag.

Create a new file by pressing the shortcut keys: Ctrl + N.

Type in the code on your right.

NOTE: This code is for the second webpage, Songs.html, to be shown on your iframe tag.

After typing the codes, save your file again, but this time, name it as “Songs.html”.
7. Use the object tag.

Create a new file by pressing the shortcut keys: Ctrl + N.

Type in the code on your right.

NOTE: This code is for the third webpage, Sequel.html, to be shown on your iframe tag.

After typing the codes, save your file again, but this time, name it as “Sequel.html”.

8. Use the audio tag.

Create a new file by pressing the shortcut keys: Ctrl + N.

Type in the code on your right.

NOTE: This code is for the fourth webpage, Characters.html, to be shown on

your iframe tag.

After typing the codes, save your file again, but this time, name it as “Characters.html”.
9. Check the HTML files: Intro.html, Songs.html, Sequel.html, and Characters.html

After saving all the needed HTML files, you will notice that each of them now has the icon of
your default browser.

Double click on “Home.html”. The first .html file that will be displayed is the Intro.html.