SlideShare a Scribd company logo
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

Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
Divyesh Bharadava
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
Ali Haydar(Raj)
 
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
MaruthiPrasad96
 
4_5926925443935505826.pptx
4_5926925443935505826.pptx4_5926925443935505826.pptx
4_5926925443935505826.pptx
Lusi39
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5kolev-prp
 
HTML Tutorial
HTML TutorialHTML Tutorial
HTML Tutorial
Milecia McGregor
 
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.03V Business Solutions
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete Reference
EPAM Systems
 
HTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptxHTML introduction for beginners Slides .pptx
HTML introduction for beginners Slides .pptx
wewit44414
 
CAP 756 UNIT 1.pptx
CAP 756 UNIT 1.pptxCAP 756 UNIT 1.pptx
CAP 756 UNIT 1.pptx
vahidullahahmed
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
vardanyan99
 
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
nirmalamanjunath
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
Rahul Gupta
 
HTML Basics for SEO
HTML Basics for SEOHTML Basics for SEO
HTML Basics for SEO
Sumeet Chadha
 
INDUSTRIAL TRAINING REPORT FINAL YEAR
INDUSTRIAL TRAINING REPORT FINAL YEAR INDUSTRIAL TRAINING REPORT FINAL YEAR
INDUSTRIAL TRAINING REPORT FINAL YEAR
AyushThakur97
 
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
 
Html5 css3
Html5 css3Html5 css3
Html5 css3
Altaf Pinjari
 

Similar to HTML Repurposing Content.pptx (20)

Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
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
 

Recently uploaded

special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
Special education needs
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
Marketing internship report file for MBA
Marketing internship report file for MBAMarketing internship report file for MBA
Marketing internship report file for MBA
gb193092
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
Levi Shapiro
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
thanhdowork
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
MASS MEDIA STUDIES-835-CLASS XI Resource Material.pdf
MASS MEDIA STUDIES-835-CLASS XI Resource Material.pdfMASS MEDIA STUDIES-835-CLASS XI Resource Material.pdf
MASS MEDIA STUDIES-835-CLASS XI Resource Material.pdf
goswamiyash170123
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
chanes7
 

Recently uploaded (20)

special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
Marketing internship report file for MBA
Marketing internship report file for MBAMarketing internship report file for MBA
Marketing internship report file for MBA
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
MASS MEDIA STUDIES-835-CLASS XI Resource Material.pdf
MASS MEDIA STUDIES-835-CLASS XI Resource Material.pdfMASS MEDIA STUDIES-835-CLASS XI Resource Material.pdf
MASS MEDIA STUDIES-835-CLASS XI Resource Material.pdf
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
 

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]