Scribd
Upload
215 views

Department of Education: Republic of The Philippines

This document contains a learning activity sheet for a grade 9 ICF (Internet and Computing Fundamentals) class. It includes 4 activities to help students learn about HTML structure and tags. The activities include identifying hidden words in puzzles based on HTML clues, selecting correct HTML tag answers, labeling an HTML tag diagram, and writing a paragraph about oneself using basic HTML structure. Scoring rubrics are provided to evaluate the final creative writing activity. References for further reading are listed at the end.

Uploaded by

Kayelle Clyde Lavarejos
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
215 views

Department of Education: Republic of The Philippines

This document contains a learning activity sheet for a grade 9 ICF (Internet and Computing Fundamentals) class. It includes 4 activities to help students learn about HTML structure and tags. The activities include identifying hidden words in puzzles based on HTML clues, selecting correct HTML tag answers, labeling an HTML tag diagram, and writing a paragraph about oneself using basic HTML structure. Scoring rubrics are provided to evaluate the final creative writing activity. References for further reading are listed at the end.

Uploaded by

Kayelle Clyde Lavarejos
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Republic of the Philippines

Department of Education
REGION IV-A CALABARZON
SCHOOLS DIVISION OF BATANGAS
BAUAN TECHNICAL INTEGRATED HIGH SCHOOL
Poblacion I, Bauan, Batangas

LEARNING ACTIVITY SHEET (LAS)

SUBJECT: STVE - ICF

Name of Learner: _______________________ Grade Level: NINE (9)


Section: __________________ Date: _____________

Background Information for Learners

HTML
History of HTML
• HTML “Hypertext Markup Language”
• Tim Berners-Lee in 1991
• HTML 2.0 – base set of HTML tags (old standard); established by W3C
• HTML 4.0 – control over content flow and integrated the use of CSS & DHTML.
• HTML 5.0 – 2012 ; XHTML - 2013
Hypertext
• the text that points to other pages and objects on the web.
Markup
• it refers to the simple codes that provides about HTML elements.
Language
• the language only refers to how HTML elements are put together in order to create document that meets certain
criteria or rules.

What is CSS?
Cascading Style Sheet
• The language used to create standard styles for HTML elements.
• It creates rules for the uniform presentation of the Web pages & Web sites.

What is DHTML?
Dynamic HTML
• The collection of programs, scripts and styles that are combined with HTML to create interactive and more
functional Web sites.

What is HTML?
• HTML is the standard markup language for creating Web pages.
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of Web pages using markup
• HTML elements are the building blocks of HTML pages
• HTML elements are represented by tags
• Browsers do not display the HTML tags, but use them to render the content of the page

The Structure of an HTML Page


An HTML page is divided into two major sections:
1. The head
The head (<head>) section contains underlying information about the page which does not get displayed in
the web page (except for the title of the page). It does, however, have an affect on how the web page is displayed.
2. The body
The body (<body>) section: this section contains all the stuff that appears on the actual web page when
someone happens to come along with their web browser. We are talking about the actual text, images, flash movies,
and so on that people will see. That, of course, means the tags used to format all this stuff are there too…

<html></html>
The ‘mother of all tags’ is the HTML (<html>) tag, and like all tags it must have a start tag (<html>) and an end tag
(</html>).
Tag Diagram

Every web page MUST begin and end with the HTML tag, otherwise the web browser (programs like Internet
Explorer) will not be able to display the page. You also have to have the head tags and the body tags. All the other tags are
optional.

So the bare-bones HTML page must have these tags and in this order:

<html>
<head>
<title>Title of your page</title>
</head>
<body>
</body>
</html>

HTML Tags
 <html> - defines the root of an HTML document
 <head> - defines information about the document
 <h1>to<h6> - defines HTML headings (h1 is the biggest, h6 is the smallest)
 <title> - defines a title for the document
 <body> - defines the document's body
 <i></i> - used to apply to only visual italics
 <em></em> - element is used to put emphasis on something
 <b></b> - used to apply to only visual bold
 <strong></strong> - element conveys importance, seriousness, urgency
 <p></p> - defines paragraph

ACTIVITY 1 “Uncover My Identity”

Direction: Find the hidden word in the bold rectangles by filling the answers of the clues in the puzzle. Write the answer in 1
whole sheet of paper.

HTML

The hidden word is: __________________________

The clues:
1. Defines information about the document
2. Defines the document's body
3. Language only refers to how HTML elements are put together in order to create document that meets certain criteria or
rules
4. HTML elements are represented by it
5. It refers to the simple codes that provides about HTML elements
6. Defines a title for the document
7. The language used to create standard styles for HTML elements
8. Is the standard markup language for creating Web pages
9. Collection of programs, scripts and styles that are combined with HTML to create interactive and more functional Web
sites
10. Are the building blocks of HTML pages
11. <html> tag
Activity 2 “The Chosen One”

Direction: Read the questions carefully. Write the letter of your answer on your answer sheet.

1. What defines the root of an HTML document?


A. <head> B. <html> C. <strong></strong> D. <title>
2. It refers to the simple codes that provides about HTML elements.
A. hypertext B. language C. markup D. tags
3. What defines a title for the document?
A. <head> B. <html> C. <strong></strong> D. <title>
4. What element conveys importance, seriousness, urgency?
A. <head> B. <html> C. <strong></strong> D. <title>
5. What element is used to put emphasis on something?
A. <b></b> B. <em></em> C. <i></i> D. <p></p>

Activity 3 “Put Our Label”

Direction: Identify the label of the tag diagram. Write your answer on your answer sheet.

Activity 4 “My Wholeness”

Direction: Make a paragraph about yourself with the use of the HTML structure. See the sample pattern below. Do it in an
A4. Be CREATIVE. The rubric below will be the bases on grading your activity.

<html>
<head>
<title>All About Myself</title> ---------- on this part you may give your own title
</head>
<body>
<h1>All About Myself></h1> ---------- on this part you may give your own title about the paragraph
<p>This is a paragraph.</p> ---------- on this part you will write a paragraph about yourself
</body>
</html>

Scoring Rubric
Criteria Score
Creativity 10 points
Neatness 10 points
Organize 10 points
Total 30 points

References for Learners

 Agdon, Michelle Trixia A., Web Designing, Internet and Computing Fundamentals 9
 https://www.edu-games.org/word-games/crosswords/hidden-word-puzzle.php

Prepared by:

Grade 9 – ICF Teachers

You might also like