You are on page 1of 14

He had great success

in everything he did
because the Lord was
with him
1 Samuel 18:14 NCV
Introductory Activity
Student from each group will pick
one question and answer accordingly
based on his/her observation from
the output shown.

ACTIVITY
Introduction to HTML

Hypertext Markup
Language

Marina B.
Dimayuga
Facilitator
HTML
Stands for Hypertext Markup Language.
It’s a way of displaying information on
web pages in your browser.

HTML
All HTML documents must start with a
document type declaration:
 <!DOCTYPE html>
The HTML document itself begins
with <html> and ends with: 
</html>
The visible part of the HTML document is
between <body> and </body>

HTML Documents
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>

EXAMPLE
HTML headings are defined with
the <h1> to <h6> tags.

<h1> defines the most important


Heading. <h6> defines the least
important heading: 

HTML Headings
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML Headings Example


GUIDED PRACTICE
 

Direction:

•FOLLOW THE DIRECTION ON


THE PAPER GIVEN TO YOU

INDEPENDENT PRACTICE
GUIDED PRACTICE
AFTER TYPING EVERYTHING, SAVE
YOUR WORK
1. FILE, SAVE AS,
YOURNAMEHTML.HTML
3. CLOSE YOUR WORK
4.LOCATE YOUR HTML FILE AND
DOUBLE CLICK IT TO OPEN
• Team members will register a blog using
WordPress.com

• Sign up by visiting https://wordpress.com


• They must post at least one (1) article about a topic
relating to student’s specialization.

• Rubrics:
• Content (20 pts)
• Design Principles (20 pts)
• Technical Skills (10 pts)
ASSIGNMENT
TILL
THANK YOU
NEXT
GOD BLESS
OUR

MEETING

You might also like