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 

PREVIOUS LESSON – Meaning of Internet Safety | The Uses of Safe Internet | Meaning and Types of Online Treat Primary 5 (Basic 5) Term 2 Week 9 Information Technology/Computer Studies

 

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=”classbasic.com” 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>

  1. Lipton
  2. Milk
  3. 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.