You are on page 1of 10

HTML

MODULE I

OVERVIEW
Prepared by:
Khween Princes H. Moncayo
Instructor
LEARNING OBJECTIVES

Describe the basic HTML document


1 structure.

2 Identify the most critical HTML tags.

3 Write an HTML Document.

2
What is HTML?

• Stands for HyperText


Markup Language Example:
• A markup language that uses
tags to identify content. <P> I’m a paragraph </P>

3
A Simple HTML Document
Example
<html>
<head>
<title> Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Basic HTML Document Structure

The <html> Tag

• Defines the root of an Example:


HTML document
<html>
…..
</html>

5
Basic HTML Document Structure

The <head> Tag

• Defines the information Example:


about the document such as
metadata and scripts <html>
<head> ….. </head>
</html>

6
Basic HTML Document Structure

The <title> Tag


Example:
• used to determine the page’s
<html>
title <head>
<title> …. </title>
</head>
</html>

7
Basic HTML Document Structure

The <body> Tag


Example:
• Defines the document’s code
<html>
body <head>
</head>
<body>
….
</body>
</html>

8
CREATING A BASIC PAGE

STEP 1 STEP 2 STEP 3


Open a Type your Save the file as
text editor HTML code Filename.html

STEP 4 STEP 5
Open your Web Load your page into ✔ DONE
browser the browser

9
REFERENCES
• Harris, A. (2011). HTML, XHTML, & CSS All-in-One For Dummies,
2nd Edition. Indianapolis, Indiana: Wiley Publishing, Inc.
• Noble, J. and Tittel, E. (2011). HTML, XHTML & CSS FOR
DUMMIES 7th Edition. Indianapolis, Indiana: Wiley Publishing, Inc.
• W3schools (2020). HTML, CSS, Javascript and PHP. Retrieved from
https://www.w3schools.com/default.asp
• Sololearn (2020). Javascript. Retrieved from
https://www.sololearn.com

10

You might also like