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 (20)

Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
McSoftsis
 
Html
HtmlHtml
Html
Cerise Anderson
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
Pranay Agrawal
 
Css backgrounds
Css   backgroundsCss   backgrounds
Css backgrounds
AbhishekMondal42
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
Folasade Adedeji
 
Html ppt
Html pptHtml ppt
Html ppt
santosh lamba
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
mlackner
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
c525600
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
veena parihar
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
Anmol Pant
 
Html1
Html1Html1
Html1
learnt
 
HTML
HTMLHTML
HTML
chinesebilli
 
Html n CSS
Html n CSSHtml n CSS
Html n CSS
Sukrit Gupta
 
Html audio video
Html audio videoHtml audio video
Html audio video
Muhammad Ehtisham Siddiqui
 
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
Keith Borgonia Manatad
 
Box Model
Box ModelBox Model
Box Model
Amit Kumar Singh
 
HTML
HTMLHTML
HTML
CHANDERPRABHU JAIN COLLEGE OF HIGHER STUDIES & SCHOOL OF LAW
 
HTML5 Topic 1
HTML5 Topic 1HTML5 Topic 1
HTML5 Topic 1
Juvywen
 
Basic Details of HTML and CSS.pdf
Basic Details of HTML and CSS.pdfBasic Details of HTML and CSS.pdf
Basic Details of HTML and CSS.pdf
Kalyani Government Engineering College
 
Div tag presentation
Div tag presentationDiv tag presentation
Div tag presentation
alyssa_lum11
 

Similar to Html grade 11 (20)

An introduction to html
An introduction to htmlAn introduction to html
An introduction to html
kashifareed
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
Hassan Nasir
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
Vinay Vinnu
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
FLYMAN TECHNOLOGY LIMITED
 
Html basics NOTE
Html basics NOTEHtml basics NOTE
Html basics NOTE
Rai Saheb Bhanwar Singh College Nasrullaganj
 
Html basics
Html basicsHtml basics
Html basics
Ashutosh Srivasatava
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
International College of Security Studies
 
Html basics
Html basicsHtml basics
Html basics
Adityaroy110
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
google
 
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
Yernur Kassymbayev
 
Html basics
Html basicsHtml basics
Html basics
Zewaqar Khan
 
Html basics
Html basicsHtml basics
Html basics
Adityaroy110
 
Html basic file
Html basic fileHtml basic file
Html basic file
Md Mozaddidul Karim
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
adelaticleanu
 
Html basics
Html basicsHtml basics
Html basics
Vjay Vijju
 
HTML for Education
HTML for EducationHTML for Education
HTML for Education
Notre Dame of Midsayap College
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
Muhammad Toqeer
 
Html presantation
Html presantationHtml presantation
Html presantation
Adityaroy110
 

Recently uploaded (20)

Lung, Robbins Pathology , COPD, Chronic Bronchitis
Lung, Robbins Pathology , COPD, Chronic BronchitisLung, Robbins Pathology , COPD, Chronic Bronchitis
Lung, Robbins Pathology , COPD, Chronic Bronchitis
Sofia690847
 
Sums on Break even analysis and BEP.pptx
Sums on Break even analysis and BEP.pptxSums on Break even analysis and BEP.pptx
Sums on Break even analysis and BEP.pptx
Priya Sequeira, Alva's Institute of Engineering & Technology, Moodbidri
 
Gelsemium 5 finger method by Dr Balkrishn patel
Gelsemium 5 finger method by Dr Balkrishn patelGelsemium 5 finger method by Dr Balkrishn patel
Gelsemium 5 finger method by Dr Balkrishn patel
BalkrishnPatel
 
601: New Venture Creation and Start Up UNIT-2.pptx
601: New Venture Creation and Start Up UNIT-2.pptx601: New Venture Creation and Start Up UNIT-2.pptx
601: New Venture Creation and Start Up UNIT-2.pptx
MAYURI LONDHE
 
Phytogeographic regions of India. Or Floristic Zones of India pptx
Phytogeographic regions of India. Or Floristic Zones of India pptxPhytogeographic regions of India. Or Floristic Zones of India pptx
Phytogeographic regions of India. Or Floristic Zones of India pptx
PadmavathiSaripalli
 
GENERAL QUIZ | QUIZ CLUB OF PSGCAS | 23 SEPTEMBER 2024.pdf
GENERAL QUIZ | QUIZ CLUB OF PSGCAS | 23 SEPTEMBER 2024.pdfGENERAL QUIZ | QUIZ CLUB OF PSGCAS | 23 SEPTEMBER 2024.pdf
GENERAL QUIZ | QUIZ CLUB OF PSGCAS | 23 SEPTEMBER 2024.pdf
Quiz Club of PSG College of Arts & Science
 
2. BITDA Introduction Slides Apr Sem.pdf
2. BITDA Introduction Slides Apr Sem.pdf2. BITDA Introduction Slides Apr Sem.pdf
2. BITDA Introduction Slides Apr Sem.pdf
Great Files
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
S Maillard
 
Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...
Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...
Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...
Systematic Reviews Network (SRN)
 
Salesforce Certification Prep Crash Course.pptx
Salesforce Certification Prep Crash Course.pptxSalesforce Certification Prep Crash Course.pptx
Salesforce Certification Prep Crash Course.pptx
Mauricio Alexandre Silva
 
UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...
UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...
UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...
UKSG: connecting the knowledge community
 
AI-based Information Retrieval from Structured Text Documents.pdf
AI-based Information Retrieval from Structured Text Documents.pdfAI-based Information Retrieval from Structured Text Documents.pdf
AI-based Information Retrieval from Structured Text Documents.pdf
Amritha Premkumar
 
Multi-Agentic Orchestration with UiPath Maestro
Multi-Agentic Orchestration with UiPath MaestroMulti-Agentic Orchestration with UiPath Maestro
Multi-Agentic Orchestration with UiPath Maestro
Mukesh Kala
 
601 New Venture Creation And Start-Ups Unit-1
601 New Venture Creation And Start-Ups Unit-1601 New Venture Creation And Start-Ups Unit-1
601 New Venture Creation And Start-Ups Unit-1
MAYURI LONDHE
 
How to Translate Odoo 18 Website in Any Language with AI
How to Translate Odoo 18 Website in Any Language with AIHow to Translate Odoo 18 Website in Any Language with AI
How to Translate Odoo 18 Website in Any Language with AI
Celine George
 
European challenges through ancient lens: revisiting the 'decline' of the Wes...
European challenges through ancient lens: revisiting the 'decline' of the Wes...European challenges through ancient lens: revisiting the 'decline' of the Wes...
European challenges through ancient lens: revisiting the 'decline' of the Wes...
Javier Andreu
 
Quorum Sensing(Bacterial Communication) .pptx
Quorum Sensing(Bacterial Communication) .pptxQuorum Sensing(Bacterial Communication) .pptx
Quorum Sensing(Bacterial Communication) .pptx
Ayush Srivastava
 
Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...
Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...
Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...
JIPP.IT
 
Administration of medication.Medication administration: the direct applicatio...
Administration of medication.Medication administration: the direct applicatio...Administration of medication.Medication administration: the direct applicatio...
Administration of medication.Medication administration: the direct applicatio...
DR .PALLAVI PATHANIA
 
Phenomenology - Intro xxxxxxxxxxxxxxxxxx
Phenomenology - Intro xxxxxxxxxxxxxxxxxxPhenomenology - Intro xxxxxxxxxxxxxxxxxx
Phenomenology - Intro xxxxxxxxxxxxxxxxxx
dylanlad67
 
Lung, Robbins Pathology , COPD, Chronic Bronchitis
Lung, Robbins Pathology , COPD, Chronic BronchitisLung, Robbins Pathology , COPD, Chronic Bronchitis
Lung, Robbins Pathology , COPD, Chronic Bronchitis
Sofia690847
 
Gelsemium 5 finger method by Dr Balkrishn patel
Gelsemium 5 finger method by Dr Balkrishn patelGelsemium 5 finger method by Dr Balkrishn patel
Gelsemium 5 finger method by Dr Balkrishn patel
BalkrishnPatel
 
601: New Venture Creation and Start Up UNIT-2.pptx
601: New Venture Creation and Start Up UNIT-2.pptx601: New Venture Creation and Start Up UNIT-2.pptx
601: New Venture Creation and Start Up UNIT-2.pptx
MAYURI LONDHE
 
Phytogeographic regions of India. Or Floristic Zones of India pptx
Phytogeographic regions of India. Or Floristic Zones of India pptxPhytogeographic regions of India. Or Floristic Zones of India pptx
Phytogeographic regions of India. Or Floristic Zones of India pptx
PadmavathiSaripalli
 
2. BITDA Introduction Slides Apr Sem.pdf
2. BITDA Introduction Slides Apr Sem.pdf2. BITDA Introduction Slides Apr Sem.pdf
2. BITDA Introduction Slides Apr Sem.pdf
Great Files
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
S Maillard
 
Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...
Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...
Developing Robust Eligibility Criteria and an Efficient Study - Dr Leonard Uz...
Systematic Reviews Network (SRN)
 
Salesforce Certification Prep Crash Course.pptx
Salesforce Certification Prep Crash Course.pptxSalesforce Certification Prep Crash Course.pptx
Salesforce Certification Prep Crash Course.pptx
Mauricio Alexandre Silva
 
UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...
UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...
UKSG 2025 - Plenary Session 1 - Envisioning the Future of AI in Research Libr...
UKSG: connecting the knowledge community
 
AI-based Information Retrieval from Structured Text Documents.pdf
AI-based Information Retrieval from Structured Text Documents.pdfAI-based Information Retrieval from Structured Text Documents.pdf
AI-based Information Retrieval from Structured Text Documents.pdf
Amritha Premkumar
 
Multi-Agentic Orchestration with UiPath Maestro
Multi-Agentic Orchestration with UiPath MaestroMulti-Agentic Orchestration with UiPath Maestro
Multi-Agentic Orchestration with UiPath Maestro
Mukesh Kala
 
601 New Venture Creation And Start-Ups Unit-1
601 New Venture Creation And Start-Ups Unit-1601 New Venture Creation And Start-Ups Unit-1
601 New Venture Creation And Start-Ups Unit-1
MAYURI LONDHE
 
How to Translate Odoo 18 Website in Any Language with AI
How to Translate Odoo 18 Website in Any Language with AIHow to Translate Odoo 18 Website in Any Language with AI
How to Translate Odoo 18 Website in Any Language with AI
Celine George
 
European challenges through ancient lens: revisiting the 'decline' of the Wes...
European challenges through ancient lens: revisiting the 'decline' of the Wes...European challenges through ancient lens: revisiting the 'decline' of the Wes...
European challenges through ancient lens: revisiting the 'decline' of the Wes...
Javier Andreu
 
Quorum Sensing(Bacterial Communication) .pptx
Quorum Sensing(Bacterial Communication) .pptxQuorum Sensing(Bacterial Communication) .pptx
Quorum Sensing(Bacterial Communication) .pptx
Ayush Srivastava
 
Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...
Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...
Breaking Barriers, Building Bridges The Future of Cross-Cultural Collaboratio...
JIPP.IT
 
Administration of medication.Medication administration: the direct applicatio...
Administration of medication.Medication administration: the direct applicatio...Administration of medication.Medication administration: the direct applicatio...
Administration of medication.Medication administration: the direct applicatio...
DR .PALLAVI PATHANIA
 
Phenomenology - Intro xxxxxxxxxxxxxxxxxx
Phenomenology - Intro xxxxxxxxxxxxxxxxxxPhenomenology - Intro xxxxxxxxxxxxxxxxxx
Phenomenology - Intro xxxxxxxxxxxxxxxxxx
dylanlad67
 

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