HyperText Mark Up Language | HTML Tags and their Functions Primary 5 (Basic 5) Term 2 Week 10 Information Technology/Computer Studies
INFORMATION TECHNOLOGY
COMPUTER STUDIES
SECOND TERM
WEEK 10
PRIMARY 5
THEME – BASIC CONCEPTS OF INFORMATION TECHNOLOGY
TOPIC – HYPER TEXT MARK UP LANGUAGE
LEARNING AREA
1. Introduction
2. Full Meaning of HTML
3. Functions of HTML
4. Lesson Evaluation and Weekly Assessment (Test)
LEARNING OBJECTIVES
By the end of the lesson, most pupils should have attained the following objectives –
1. explain the concept of HTML.
2. state the HTML tags and their functions.
3. learn simple HTML coding.
ENTRY BEHAVIOUR
The pupils
INSTRUCTIONAL MATERIALS
The teacher will teach the lesson with the aid of functional computers with a resourceful person.
METHOD OF TEACHING
Choose a suitable and appropriate methods for the lessons.
Note – Irrespective of choosing methods of teaching, always introduce an activities that will arouse pupil’s interest or lead them to the lessons.
REFERENCE MATERIALS
1. Scheme of Work
2. 9 – Years Basic Education Curriculum
3. Course Book
4. All Relevant Material
5. Online Information
CONTENT OF THE LESSON
LESSON 1 – INTRODUCTION
HTML stands for Hypertext Markup Language.
Hypertext Markup Language is the set of codes or symbols that defines the structure of web page or application and and its contents.
A web page is a document written in HTML provided by a website to display its content to internet users in a web browser.
Web application is a software that runs on a web server.
With HTML you can create your own website and application.
HTML TAG
An HTML tag is a command used to indicate the beginning and end of an HTML element in an HTML document.
HTML DOCUMENT
An HTML document is a file containing hypertext markup language.
ELEMENTS OF HTML TAGS
The HTML element is the root element that defines the whole HTML document.
The basic elements of an HTML page are:
1. HTML Headings
2. HTML Paragraphs
3. HTML Links
4. HTML Images
5. HTML Tables
6. HTML Divisions
7. HTML Lists
8. HTML Line breaks
9. HTML Bold Text
10. HTML Italic Text
LESSON 2 – FUNCTIONS OF HTML TAGS
1. HTML HEADING
HTML heading or header is used to defined the title posts or topics.
A text header denotes <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.
For example,
<h1>This is a boy.</h1>
This is a boy.
<h2>This is a boy.</h2>
This is a boy.
<h3>This is a boy.</h3>
This is a boy.
<h4>This is a boy.</h4>
This is a boy.
<h5>This is a boy.</h5>
This is a boy.
<h6>This is a boy.</h6>
This is a boy.
2. HTML PARAGRAPHS
HTML paragraphs are used to defines post or page paragraphs.
HTML denotes <p> tag.
For examples,
<p>This is the boy.</p>
This is the boy.
<p>This is another boy.</p>
This is another boy.
3. HTML LINKS
HTML links are used to defines the text links.
HTML link denotes <a> tag.
For example,
<a href=”https://www.ekoquiz.com”>Link to download Smart Kids Quizzes app.</a>
Link to download Smart Kids Quizzes App.
4. HTML IMAGES
HTML image is used to defines image in a content.
HTML image denotes <img> tag.
For example,
<img class=”classbasic.jpg” alt=”classbasics.ng” width=”223″ height=”223″ />
5. HTML TABLES
HTML table is used to defines the content table.
HTML table denotes <table> tag.
6. HTML DIVISIONS
HTML division or divider is used to defines the section in a document.
HTML divider denotes <div> tag.
7. HTML LISTS
HTML listing is used for creating list of items.
HTML list denotes the following,
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
For example,
An Unordered HTML List
<ul>
<li>Lipton</li>
<li>Milk</li>
<li>Sugar</li>
</ul>
- Coffee
- Tea
- Milk
An Ordered HTML List
<ol>
<li>Lipton</li>
<li>Milk</li>
<li>Sugar</li>
</ol>
- Lipton
- Milk
- Sugar
8. HTML LINE BREAKS
HTML line break is used to insert a single line break.
HTML denotes <br> tag.
9. HTML BOLD TEXT
HTML bold text is used to defines bold text.
HTML denotes <b> tag.
For example,
<b>classbasic.ng</b>
classbasic.ng
<b>ekoquiz.com</b>
ekoquiz.com
10. HTML ITALIC TEXT
HTML italic text is used to defines italic text the <i> tag.
<i> classbasic.ng</i>
classbasic.ng
LESSON 2 – LEARNING SIMPLE HTML
Teacher organizes pupils in groups or pairs to learn basic HTML coding from the professional.
PRESENTATION
To deliver the lesson, the teacher adopts the following steps:
1. To introduce the lesson, the teacher revises the previous lesson. Based on this, he/she asks the pupils some questions;
2. Teacher organizes the pupils in groups or pair depending on the size of the class.
3. Teacher presents an HTML instructors to teach and guide pupils as a group or pair to learn and do simple coding.
Pupil’s Activities – Pay attention to the instructor to learn simple HTML coding.
4. Teacher uses the instructor to introduce the lesson, HTML coding.
Pupil’s Activities – Pay attention to the lesson introduction to get ready for the lesson.
5. Teacher explains the theory aspects of HTML before hand over to the instructor.
Pupil’s Activities – Listen to the teacher’s explanation.
6. Teacher lets the instructor continues the lesson.
Pupil’s Activities – Learn HTML coding.
7. Teacher asks pupils to summary the HTML coding sessions.
Pupil’s Activities – Summary the HTML sessions by doing simple on the system.
8. Teacher leads pupils to appreciate the instructor for the work done.
Pupil’s Activities – Give a group or pair great cheer to appropriate the instructor for the work done.
9. Teacher summarizes the lesson on the board with appropriate lesson evaluation.
Pupil’s Activities – Participate actively in the summary of the lesson by responding correctly to the questions and write as instructed.
CONCLUSION
To conclude the lesson for the week, the teacher revises the entire lesson and links it to the following week’s lesson.
NEXT LESSON
Week 11 and 12 – Revision and Week 13 – Second Term Examination Computer Studies Primary 4 (Basic 4)
LESSON EVALUATION
Teacher asks pupils to,
1. explain the concept of HTML.
2. state 5 HTML tags and their functions.
3. do a simple HTML coding.