SlideShare une entreprise Scribd logo
1  sur  31
Hypertext Markup Language PL 2235 ICT in English Language Teaching 10 May 2009
Happy Mother’s Day PL 2235 ICT in EL Teaching
What is HTML? ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
What is HTML? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
What is HTML? ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
More about HTML ,[object Object],[object Object],PL 2235 ICT in EL Teaching
Why HTML? ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
How do I create a HTML document? ,[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Notepad ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],All tags are enclosed by < >. These tags are structured as they are so that your web browser can read the document. PL 2235 ICT in EL Teaching Most HTML tags come in pairs. The closing tag has to begin with /.
Next? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
DOCTYPE declaration ,[object Object],[object Object],PL 2235 ICT in EL Teaching
Declaration: before <HTML> ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Webpage metadata ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
<title> ,[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
<body> ,[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Anatomy of the HTML codes ,[object Object],PL 2235 ICT in EL Teaching tag attribute Only at the opening tag. value It can also be in form of #1234
Text formating ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Try this out ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Other tags ,[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
<FONT> ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
<IMG SRC=“ PATH ”> ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
<IMG SRC=“frog.jpg”> ,[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
<IMG> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Table ,[object Object],[object Object],PL 2235 ICT in EL Teaching
Vocabulary in <TABLE> ,[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
<TABLE> FYI ,[object Object],[object Object],PL 2235 ICT in EL Teaching 1 2 3 4 5 6
Now ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Then ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Other useful tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Activity ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching
Conclusion ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PL 2235 ICT in EL Teaching

Contenu connexe

Tendances

Html tags
Html tagsHtml tags
Html tags
Kumar
 

Tendances (20)

Lesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and ParagraphsLesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and Paragraphs
 
Tor2
Tor2Tor2
Tor2
 
Introducing YUI
Introducing YUIIntroducing YUI
Introducing YUI
 
How to Make WordPress Your Friend
How to Make WordPress Your FriendHow to Make WordPress Your Friend
How to Make WordPress Your Friend
 
WordCamp Baltimore 2016
WordCamp Baltimore 2016WordCamp Baltimore 2016
WordCamp Baltimore 2016
 
Slope Beta Feedback | You ask for feedback on your beta product, I deliver.
Slope Beta Feedback | You ask for feedback on your beta product, I deliver.Slope Beta Feedback | You ask for feedback on your beta product, I deliver.
Slope Beta Feedback | You ask for feedback on your beta product, I deliver.
 
SEO Before Yoast: WordCamp Rhode Island
SEO Before Yoast: WordCamp Rhode IslandSEO Before Yoast: WordCamp Rhode Island
SEO Before Yoast: WordCamp Rhode Island
 
Lca2009 Video A11y
Lca2009 Video A11yLca2009 Video A11y
Lca2009 Video A11y
 
Lesson plan htmltextformattingtag
Lesson plan htmltextformattingtagLesson plan htmltextformattingtag
Lesson plan htmltextformattingtag
 
Html tags
Html tagsHtml tags
Html tags
 
Unit 2.2 Part 1
Unit 2.2 Part 1Unit 2.2 Part 1
Unit 2.2 Part 1
 
Lesson plan 3
Lesson plan 3Lesson plan 3
Lesson plan 3
 
Computer Networks: An Introduction
Computer Networks: An IntroductionComputer Networks: An Introduction
Computer Networks: An Introduction
 
Basic html tutoirialp2
Basic html tutoirialp2Basic html tutoirialp2
Basic html tutoirialp2
 
Next Steps for New WordPress Users
Next Steps for New WordPress UsersNext Steps for New WordPress Users
Next Steps for New WordPress Users
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
How to use a blog for publishing scientific research: A training guide part 2
How to use a blog for publishing scientific research: A training guide part 2How to use a blog for publishing scientific research: A training guide part 2
How to use a blog for publishing scientific research: A training guide part 2
 
Aloha Presentation #t3con10
Aloha Presentation #t3con10Aloha Presentation #t3con10
Aloha Presentation #t3con10
 
Insertion
InsertionInsertion
Insertion
 
Web tech html css js
Web tech html css jsWeb tech html css js
Web tech html css js
 

Similaire à PL2235 2009 1 HTML

Creating A Forensics Webpage
Creating A Forensics WebpageCreating A Forensics Webpage
Creating A Forensics Webpage
Steve Bishop
 
1.1 xhtml basics
1.1 xhtml basics1.1 xhtml basics
1.1 xhtml basics
Bulldogs83
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
claytors
 

Similaire à PL2235 2009 1 HTML (20)

HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
XML Training Presentation
XML Training PresentationXML Training Presentation
XML Training Presentation
 
Html tags
Html tagsHtml tags
Html tags
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
Html
HtmlHtml
Html
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Html
HtmlHtml
Html
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Creating A Forensics Webpage
Creating A Forensics WebpageCreating A Forensics Webpage
Creating A Forensics Webpage
 
Html basic
Html basicHtml basic
Html basic
 
AK html
AK  htmlAK  html
AK html
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Html1
Html1Html1
Html1
 
How an html file is structured
How an html file is structuredHow an html file is structured
How an html file is structured
 
Html ppt
Html pptHtml ppt
Html ppt
 
1.1 xhtml basics
1.1 xhtml basics1.1 xhtml basics
1.1 xhtml basics
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
 

Plus de Aliamat UBD (12)

PL2235 2009 GE
PL2235 2009 GEPL2235 2009 GE
PL2235 2009 GE
 
PL2235 2009 Hot Potatoes
PL2235 2009 Hot PotatoesPL2235 2009 Hot Potatoes
PL2235 2009 Hot Potatoes
 
ICE 2009 H1N1
ICE 2009 H1N1ICE 2009 H1N1
ICE 2009 H1N1
 
ICE 2009 full schedule
ICE 2009 full scheduleICE 2009 full schedule
ICE 2009 full schedule
 
PL1226
PL1226PL1226
PL1226
 
Presentation1 Print
Presentation1 PrintPresentation1 Print
Presentation1 Print
 
Kertas 1 Bahasa Melayu
Kertas 1 Bahasa MelayuKertas 1 Bahasa Melayu
Kertas 1 Bahasa Melayu
 
Cinta Dan Sajak
Cinta Dan  SajakCinta Dan  Sajak
Cinta Dan Sajak
 
Perenggan Pengenalan
Perenggan PengenalanPerenggan Pengenalan
Perenggan Pengenalan
 
Perenggan Isi
Perenggan IsiPerenggan Isi
Perenggan Isi
 
Cinta Dan Sajak
Cinta Dan SajakCinta Dan Sajak
Cinta Dan Sajak
 
Cinta Dan Sajak
Cinta Dan  SajakCinta Dan  Sajak
Cinta Dan Sajak
 

Dernier

Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Dernier (20)

Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 

PL2235 2009 1 HTML

  • 1. Hypertext Markup Language PL 2235 ICT in English Language Teaching 10 May 2009
  • 2. Happy Mother’s Day PL 2235 ICT in EL Teaching
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.