SlideShare a Scribd company logo
HTML Lesson
GRADE 11
Ms Mofokeng 201518293
What is HTML
HTML is a format that tells a computer how to display a web page.
The documents themselves are plain text files with special "tags" or
codes that a web browser uses to interpret and display information on
your computer screen.
● HTML stands for Hyper Text Markup Language
● An HTML file is a text file containing small markup tags
● The markup tags tell the Web browser how to display the page
● An HTML file must have an htm or html file extension
HTML tags
HTML tags are used to mark-up HTML elements
● HTML tags are surrounded by the two angle brackets (< and >)
● HTML tags normally come in pairs like <html> (start tag) and
</html> (end tag)
● The text between the start and end tags is the element content
● HTML tags are not case sensitive, <b> means the same as <B>
Explanation of basic tags
● <html> and </html> indicates that you are going to use html to
create a web page.
● <head> contains the title of the webpage </head>
● <title> container tag </title>
● <body> main content </body>
● <h1> heading tag </h6>, up to <h6> </h6>
● <p> paragraph </p>
HTML Syntax
Example: Open notepad ++
How to save an HTML document
● File
● Save as
● File name: ( name.html ) for instance mypage.html
● Save as type : Choose Hyper Text Markup Language
● Save where it will be easily accessible. For instance Desktop
● Then close the notepad++ tab and go open the saved file.
End results of the example
Try it exercise
Open your notepad++ and type the following text:
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
Next Session.
● We will go through the given exercise.
● We will go further with HTML tags.
THANK YOU

More Related Content

What's hot

HTML practical guide for O/L exam
HTML practical guide for O/L examHTML practical guide for O/L exam
HTML practical guide for O/L exam
Anne Perera
 
HTML Web design english & sinhala mix note
HTML Web design english & sinhala mix noteHTML Web design english & sinhala mix note
HTML Web design english & sinhala mix note
Mahinda Gamage
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
Danny Ambrosio
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
MayaLisa
 
Grade 10 COMPUTER
Grade 10 COMPUTERGrade 10 COMPUTER
Grade 10 COMPUTER
Joel Linquico
 
Html tables
Html tablesHtml tables
Html for beginners
Html for beginnersHtml for beginners
Html for beginners
Florian Letsch
 
Learning Html
Learning HtmlLearning Html
Learning Html
Damian Gonz
 
Html ppt
Html pptHtml ppt
Html ppt
santosh lamba
 
Html tags
Html tagsHtml tags
Html tags
sotero66
 
Html basics
Html basicsHtml basics
Html basics
mcatahir947
 
BasicHTML
BasicHTMLBasicHTML
BasicHTML
rcsampang
 
Html text and formatting
Html text and formattingHtml text and formatting
Html text and formattingeShikshak
 
Internet and Email -O/L ICT
Internet and Email -O/L ICTInternet and Email -O/L ICT
Internet and Email -O/L ICT
Mahesh Kodituwakku
 

What's hot (20)

HTML practical guide for O/L exam
HTML practical guide for O/L examHTML practical guide for O/L exam
HTML practical guide for O/L exam
 
HTML Web design english & sinhala mix note
HTML Web design english & sinhala mix noteHTML Web design english & sinhala mix note
HTML Web design english & sinhala mix note
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
Html ppt
Html pptHtml ppt
Html ppt
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Grade 10 COMPUTER
Grade 10 COMPUTERGrade 10 COMPUTER
Grade 10 COMPUTER
 
Html tables
Html tablesHtml tables
Html tables
 
Html
HtmlHtml
Html
 
Html for beginners
Html for beginnersHtml for beginners
Html for beginners
 
Learning Html
Learning HtmlLearning Html
Learning Html
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html
HtmlHtml
Html
 
Html tags
Html tagsHtml tags
Html tags
 
Html basics
Html basicsHtml basics
Html basics
 
Html
HtmlHtml
Html
 
BasicHTML
BasicHTMLBasicHTML
BasicHTML
 
Html text and formatting
Html text and formattingHtml text and formatting
Html text and formatting
 
CSS
CSSCSS
CSS
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
 
Internet and Email -O/L ICT
Internet and Email -O/L ICTInternet and Email -O/L ICT
Internet and Email -O/L ICT
 

Similar to Html grade 11

An introduction to html
An introduction to htmlAn introduction to html
An introduction to html
kashifareed
 
HTML5 Topic 1
HTML5 Topic 1HTML5 Topic 1
HTML5 Topic 1
Juvywen
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
google
 
Html basics
Html basicsHtml basics
Html basics
Adityaroy110
 
Html basics
Html basicsHtml basics
Html basics
Vivek Khandelwal
 
HTML_Basics.pdf
HTML_Basics.pdfHTML_Basics.pdf
HTML_Basics.pdf
Bhavani Testone
 
Html BASICS
Html BASICSHtml BASICS
Html basics
Html basicsHtml basics
Html basics
Adityaroy110
 
Html basics
Html basicsHtml basics
Html basic file
Html basic fileHtml basic file
Html basic file
Md Mozaddidul Karim
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
Muhammad Toqeer
 
Html presantation
Html presantationHtml presantation
Html presantation
Adityaroy110
 

Similar to Html grade 11 (20)

An introduction to html
An introduction to htmlAn introduction to html
An introduction to html
 
HTML5 Topic 1
HTML5 Topic 1HTML5 Topic 1
HTML5 Topic 1
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html basics NOTE
Html basics NOTEHtml basics NOTE
Html basics NOTE
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
HTML_Basics.pdf
HTML_Basics.pdfHTML_Basics.pdf
HTML_Basics.pdf
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basic file
Html basic fileHtml basic file
Html basic file
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
HTML for Education
HTML for EducationHTML for Education
HTML for Education
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
 
Html presantation
Html presantationHtml presantation
Html presantation
 

Recently uploaded

Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
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
 
Honest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptxHonest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptx
timhan337
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
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
 
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
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
DhatriParmar
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
kaushalkr1407
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
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
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
heathfieldcps1
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
MysoreMuleSoftMeetup
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
BhavyaRajput3
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
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
 

Recently uploaded (20)

Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
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.
 
Honest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptxHonest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptx
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
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
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
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...
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
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 ...
 

Html grade 11

  • 1. HTML Lesson GRADE 11 Ms Mofokeng 201518293
  • 2. What is HTML HTML is a format that tells a computer how to display a web page. The documents themselves are plain text files with special "tags" or codes that a web browser uses to interpret and display information on your computer screen. ● HTML stands for Hyper Text Markup Language ● An HTML file is a text file containing small markup tags ● The markup tags tell the Web browser how to display the page ● An HTML file must have an htm or html file extension
  • 3. HTML tags HTML tags are used to mark-up HTML elements ● HTML tags are surrounded by the two angle brackets (< and >) ● HTML tags normally come in pairs like <html> (start tag) and </html> (end tag) ● The text between the start and end tags is the element content ● HTML tags are not case sensitive, <b> means the same as <B>
  • 4. Explanation of basic tags ● <html> and </html> indicates that you are going to use html to create a web page. ● <head> contains the title of the webpage </head> ● <title> container tag </title> ● <body> main content </body> ● <h1> heading tag </h6>, up to <h6> </h6> ● <p> paragraph </p>
  • 7. How to save an HTML document ● File ● Save as ● File name: ( name.html ) for instance mypage.html ● Save as type : Choose Hyper Text Markup Language ● Save where it will be easily accessible. For instance Desktop ● Then close the notepad++ tab and go open the saved file.
  • 8. End results of the example
  • 9. Try it exercise Open your notepad++ and type the following text: <html> <head> <title>My First Webpage</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html>
  • 10. Next Session. ● We will go through the given exercise. ● We will go further with HTML tags. THANK YOU