Scribd
Upload
27 views

Module 01

This document provides an overview of HTML and describes the basic structure of an HTML document. It identifies the key HTML tags including <html>, <head>, <title>, and <body>. It provides a simple example HTML document structure and explains the purpose of each tag. It also lists the steps to create a basic HTML page, which are to open a text editor, type the HTML code, save the file with a .html extension, open it in a web browser.

Uploaded by

Jun Nuj
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
27 views

Module 01

This document provides an overview of HTML and describes the basic structure of an HTML document. It identifies the key HTML tags including <html>, <head>, <title>, and <body>. It provides a simple example HTML document structure and explains the purpose of each tag. It also lists the steps to create a basic HTML page, which are to open a text editor, type the HTML code, save the file with a .html extension, open it in a web browser.

Uploaded by

Jun Nuj
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 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