Started with
HTML
• Before you start working with our first
website, you will need to learn the basic
tools in creating HTML. This lesson will
teach you the basic tools you need in
creating HTML.
• First, you need an HTML Editor. HTML
Editor is a software application or a text
editor used to write or edit HTML codes.
•
• Here are some examples of a HTML
editor:
•
• Notepad
• Notepad ++
• Pluma
• Microsoft Dream Weaver
• Blue Fish
•
• The HTML editor plays a major role in creating
webpages. It is important for you to understand how it
works. Now, to start with, follow the procedures below:
•
• Opening Notepad
• Click the start button or the windows icon.
• Click All Programs.
• Click Accessories, then choose Notepad.
• After choosing Notepad, Notepad application will be
displayed.
• You may now start with your HTML code.
•
• Before we proceed with our exercises, let us first create a
folder where we can save all our files. It is a best practice
to put your related files in 1 folder.
•
• Creating a Folder:
• 1. On the desktop, right click on the mouse.
• 2. Click New and then choose Folder.
• 3. A new folder icon will appear on the desktop. Type the
desired name for your folder.
• Saving HTML file
• In Notepad, Click File Menu and Save. The Save As
dialog box will appear.
• Click the folder you created on the desktop. (Example
folder name: my-webpages)
•
• On the filename textbox type the filename of your file
followed by the extension name (.html or .htm). On the
Save as type field, click the arrow-head and select ALL
FILES.
•
•
• Don’t forget to change the filename extension to .html,
then click Save.
• The next tool is the Web Browser. Web browser is used
to read HTML document and displayed as web page.
• Commonly used Web browsers:
• • Internet Explorer
• • Google Chrome
• • Firefox
• Ways to view the HTML file in the Web Browser:
• Double click on the file.
• Right-click and choose "Open with”, select the desired browser.
• Before we go further, in this book you will notice the term
HTML code or HTML file and webpage/s. HTML code or
HTML file is consists of commands or tags used to inform the
browser how you want your webpages to be displayed. You
usually use a text editor such as notepad, notepad++, pluma and
others to write a HTML code or HTML file. On the other hand,
webpage/s is the output of HTML code. This is the one
displayed in the browser.
•
•
Follow the instruction below:
From the Desktop, create a folder and name it as <your Surname>.
Open Notepad.
Type the Following:
<html>
<head>
<title> My Webpage </title>
</head>
<body>
<p> Earth is the third planet from the sun, and it is the densest
and the fifth-largest of the eight planets in the solar system. It
is also the largest of the solar system's four terrestrial planets.
</p>
</body>
</html>
Save the HTML file and name it as <Your Name>. Save the file in the <your surname> folder.
View the webpage using two (2) different browsers. Give the steps in viewing the webpage.
