SlideShare a Scribd company logo
1 of 11
Html
Using an online tool to the integration of
teaching and learning.
A.H Zwane 219079225
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.
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.
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>
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
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
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
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?
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?
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
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]

More Related Content

Similar to HTML Repurposing Content.pptx

4_5926925443935505826.pptx
4_5926925443935505826.pptx4_5926925443935505826.pptx
4_5926925443935505826.pptx
Lusi39
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5
kolev-prp
 
3 v html_next_energy_03.27.2014_v1.0
3 v html_next_energy_03.27.2014_v1.03 v html_next_energy_03.27.2014_v1.0
3 v html_next_energy_03.27.2014_v1.0
3V Business Solutions
 
Html:css crash course (4:5)
Html:css crash course (4:5)Html:css crash course (4:5)
Html:css crash course (4:5)
Thinkful
 
Html css crash course may 11th, atlanta
Html css crash course may 11th, atlantaHtml css crash course may 11th, atlanta
Html css crash course may 11th, atlanta
Thinkful
 

Similar to HTML Repurposing Content.pptx (20)

Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Front end full stack development module 1pptx
Front end full stack development module 1pptxFront end full stack development module 1pptx
Front end full stack development module 1pptx
 
4_5926925443935505826.pptx
4_5926925443935505826.pptx4_5926925443935505826.pptx
4_5926925443935505826.pptx
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5
 
Html
HtmlHtml
Html
 
HTML Tutorial
HTML TutorialHTML Tutorial
HTML Tutorial
 
Khoa dang (kay)
Khoa dang (kay)Khoa dang (kay)
Khoa dang (kay)
 
3 v html_next_energy_03.27.2014_v1.0
3 v html_next_energy_03.27.2014_v1.03 v html_next_energy_03.27.2014_v1.0
3 v html_next_energy_03.27.2014_v1.0
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete Reference
 
HTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptxHTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptx
 
CAP 756 UNIT 1.pptx
CAP 756 UNIT 1.pptxCAP 756 UNIT 1.pptx
CAP 756 UNIT 1.pptx
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
 
Learn html elements and structure cheatsheet codecademy
Learn html  elements and structure cheatsheet   codecademyLearn html  elements and structure cheatsheet   codecademy
Learn html elements and structure cheatsheet codecademy
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Day1
Day1Day1
Day1
 
HTML Basics for SEO
HTML Basics for SEOHTML Basics for SEO
HTML Basics for SEO
 
INDUSTRIAL TRAINING REPORT FINAL YEAR
INDUSTRIAL TRAINING REPORT FINAL YEAR INDUSTRIAL TRAINING REPORT FINAL YEAR
INDUSTRIAL TRAINING REPORT FINAL YEAR
 
Html:css crash course (4:5)
Html:css crash course (4:5)Html:css crash course (4:5)
Html:css crash course (4:5)
 
Html5 css3
Html5 css3Html5 css3
Html5 css3
 
Html css crash course may 11th, atlanta
Html css crash course may 11th, atlantaHtml css crash course may 11th, atlanta
Html css crash course may 11th, atlanta
 

Recently uploaded

SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
Peter Brusilovsky
 
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
httgc7rh9c
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
EADTU
 

Recently uploaded (20)

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17
 
What is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxWhat is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
Observing-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptxObserving-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptx
 
Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...
 
diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Simple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdfSimple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdf
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx
 
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
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]