The HyperText Markup Language or 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 and Notepad++. This presentation is a summary of some of the HTML tags.
Good Luck!
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
HTML Repurposing Content.pptx
1. Html
Using an online tool to the integration of
teaching and learning.
A.H Zwane 219079225
2. wheel decide
Introduction
With the help of the free online spinner tool Wheel Decide, you may design
your own virtual wheels for use in games, raffles, decision-making processes,
and more.
A fun and engaging tool called Wheel Decide can be used to increase student
participation in a classroom setting.
This can be incorporated into a class by giving students a wheel to spin and
choosing portions of a subject that the teacher will explain.
In this lesson Wheel decide will be used to advance teaching HTML in a
classroom.
3. HTML (HyperText
Markup Language)
Most web pages are marked up using this
language.
Structured documents are produced using it.
It enables the embedding of objects and
pictures and can be applied to the
development of interactive forms.
Within webpage text, it is written as HTML
components made up of "tags" encircled by
angle brackets.
The appearance and organization of text and
other materials can be defined using HTML.
4. Basic HTML Tags
To create an Html document, one would need the following:
An application software called Notepad++.
This application will enable the learner to create a
webpage by adding tags.
For a learner to create a webpage, they must know the
following tags.
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
5. Definitions
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML
page
The <title> element specifies a title for the HTML page
(which is shown in the browser's title bar or in the page's
tab)
The <body> element defines the document's body, and is a
container for all the visible contents, such as headings,
paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading
The <p> element defines a paragraph
6. Definitions Continued
<img src="url" alt="alternatetext">
The HTML <img> tag is used to embed an image in
a web page.
Images are not technically inserted into a web
page; images are linked to web pages.
The <img> tag creates a holding space for the
referenced image.
The <img> tag is empty, it contains attributes
only, and does not have a closing tag.
The <img> tag has two required attributes:
src - Specifies the path to the image
alt - Specifies an alternate text for the image
7. Wheel Decide
• Wheel decide will now
consist of html tags.
• Learners will be asked
about an html tag that
the wheel will stop on.
• This is the html tags
wheel
8. Questions
• The wheel has stopped on the <img> tag.
• What is the definition of this tag in HTML?
• What is it used for?
• Does this tag work like this or does one have
to add other elements?
9. Questions
• The wheel has stopped on the <p> tag.
• What is the definition of this tag in
HTML?
• What is it used for?
• Does this tag work like this or does one
have to add other elements?
10. Advantages and Disadvantages of using
Wheel decide
ADVANTAGES
• Wheel Decide helps make decisions
interesting
• Wheel Decide helps make decisions
fun
• Wheel decide does not discriminate
• Wheel decide is fair
• You can customize it however you
desire.
DISADVANTAGES
• A decision or an option on Wheel
decide may be repeated
• It takes longer to input each option
• Lengthy topics cannot be inputted
11. References
1. Mohamed, Z.D. (2021). Wheel Decider Lesson. Available
from Slide share at:
https://www.slideshare.net/ZaahidAhmadMohamed/wheel-
decider-lesson?qid=2f7f8e83-3858-4601-9e4e-
7fe80e8b6f98&v=&b=&from_search=10 [Accessed 2022/08/18]
2. Gouthaman, V. (2010). Html. Available from Slide share
at: https://www.slideshare.net/gouthaman301090/html-
4426257?qid=5105fcb7-21cf-45f1-a76d-
0d86b9736573&v=&b=&from_search=1 [Accessed 2022/08/18]
3. Deswal, M.K. (2013). How to learn Html in 10 days.
Available from Slide share at:
https://www.slideshare.net/manojkumardeswal/learn-html-
manoj-kumar-deswal [Accessed 2022/08/18]
4. Ganaphathy, N. (2015). Html. Available from Slide share
at:
https://www.slideshare.net/NandakumarGanapathy/html-
49983100?qid=c3e0515a-5d53-4b59-88f3-
d2c8f4552a3e&v=&b=&from_search=5 [Accessed 2022/08/18]
5. Soomro, L. (2015). Learn html basics. Available from
Slide share at:
https://www.slideshare.net/nisa1207/html-29830240
[Accessed 2022/08/18]