Hyper Text Mark-up Language (HTML) document Basic 5 Computer Studies Lesson Note
Download Lesson NoteTopic: Hyper Text Mark-up Language (HTML) document
Behavioural Objectives
By the end of the lesson, pupils will be able to:
- Define internet safety • Outline ways of using the internet • Online and internet safety • Define online treats • Outline types of online treat
Learning Activities
- Pupils discuss the meaning of internet safety and online treats
Embedded Core Skills
- Critical thinking • Collaboration and communication • Personal development • Digital Literacy
Materials Needed
- Internet access • Email client (e.g. Gmail, Outlook, Yahoo mail) • Computer/laptop for each student • Wall charts • Audio Visual • Projector
Content
Hyper Text Mark-up Language (HTML) document
Identify HTML tags
HTML document structure
Learning HTML syntax
HTML is a language used to create websites. It stands for Hypertext Markup Language.
Imagine you are making a book report for a class project. You would write the story and add pictures, headings, and bullet points to make it look nice and organized. HTML is like the instructions for making a website look nice and organized.
For example, if you want to make a heading for the title of your book report, you would use the <h1> tag. So, the title “Harry Potter and the Sorcerer’s Stone” would be written like this in HTML: <h1>Harry Potter and the Sorcerer’s Stone</h1>.
If you want to add a picture of Harry Potter to your report, you would use the <img> tag. The image source would be added to the tag <img src=”harrypotter.jpg”>.
And if you want to make a list of characters in the story, you would use the <ul> tag for unordered list, and <li> for each list item. Like this:
<ul> <li>Harry Potter</li> <li>Ron Weasley</li> <li>Hermione Granger</li> </ul>So, HTML is the code that makes websites look nice, organized and easy to read.
The HyperText Markup Language of HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.
Headers
The <header> HTML element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.
Compression
The most common compression scheme is GZIP, which is a file format that uses a lossless compression algorithm called DEFLATE. The algorithm looks for repeat occurrences of text in the HTML output and replaces occurrences with references to a previous occurrence.
Space
Since there is no blank space keyboard character in HTML, you must type the entity for each space to add. To insert blank spaces in text in HTML, type for each space to add. For example, to create five blank spaces in your text, you would type entity five times between the words.
Purpose
HTML (Hyper Text Markup Language) is the code that is used to structure a web page and its content. For example, content could be structured within a set of paragraphs, a list of bulleted points, or using images and data tables.
Evaluation
- What does the acronym HTML stand for? A) Hypertext Markup Language B) Hyperlink Text Markup Language C) Hypertext Making Language D) Hypertext Markup Language
- What is the purpose of using HTML in web development? A) To create and design the layout of a website B) To add interactivity to a website C) To create and manage databases D) To add security to a website
- Which of the following is NOT a basic HTML tag? A) <p> B) <div> C) <table> D) <doc>
- How do you add an image to an HTML document? A) <img src=”image.jpg”> B) <image src=”image.jpg”> C) <pic src=”image.jpg”> D) <img=”image.jpg”>
- How do you create a link to another website in HTML? A) <link href=”https://www.example.com”>Example</link> B) <link href=”https://www.example.com”>Example</link>
- Which tag is used to create a heading in HTML? A) <h1> B) <head> C) <title> D) <header>
- How do you create a bulleted list in HTML? A) <ul> and <li> B) <ol> and <li> C) <list> and <item> D) <bullet> and <point>
- How do you add a table to an HTML document? A) <table> B) <list> C) <grid> D) <spreadsheet>
- How do you add a background color to a webpage using HTML? A) <body style=”background-color:color”> B) <background=”color”> C) <body style=”background-color:color”> D) <bgcolor=”color”>
- Which tag is used to create a line break in HTML? A) <br> B) <break> C) <lb> D) <line>
Second Term Computer Studies Lesson Notes for Other Topics
System Application
Explore lesson notes covering all topics.
Important Computer Applications
Explore lesson notes covering all topics.
Difference Between Hardware And Software
Explore lesson notes covering all topics.
Components Of CPU
Explore lesson notes covering all topics.
More Parts Of The CPU
Explore lesson notes covering all topics.
Arithmetic Logic Unit (ALU) & Storage Unit in CPU
Explore lesson notes covering all topics.
Input Devices
Explore lesson notes covering all topics.
Launching Microsoft Word
Explore lesson notes covering all topics.
Mini And Micro Computers
Explore lesson notes covering all topics.
Mainframe And Super Computers
Explore lesson notes covering all topics.
Computer Icons
Explore lesson notes covering all topics.
Setting Of A Computer
Explore lesson notes covering all topics.
Electronic Mails
Explore lesson notes covering all topics.
Internet Safety
Explore lesson notes covering all topics.
Search Engine
Explore lesson notes covering all topics.
Lesson Notes for Other Classes
Basic 2 Lesson Note
The complete lesson note to guide your studies.
Basic 3 Lesson Note
The complete lesson note to guide your studies.
Basic 4 Lesson Note
The complete lesson note to guide your studies.
JSS1 Lesson Note
The complete lesson note to guide your studies.
JSS2 Lesson Note
The complete lesson note to guide your studies.
JSS3 Lesson Note
The complete lesson note to guide your studies.