SlideShare a Scribd company logo
WEB DESIGNING
INTRODUCTION
TO
CONTENT
Introduction to HTML
Example
Tools for HTML
HTML History
HISTORY OF HTML
Since the early days of the World Wide Web, there have been many
versions of HTML:
1989: Tim Berners-Lee invented www
1991: Tim Berners-Lee invented HTML
1993: Dave Raggett drafted HTML+
1995: HTML Working Group defined HTML 2.0
1997: W3C Recommendation: HTML 3.2
1999: W3C Recommendation: HTML 4.01
2000: W3C Recommendation: XHTML 1.0
2008: WHATWG HTML5 First Public Draft
2012: WHATWG HTML5 Living Standard
2014: W3C Recommendation: HTML5
2016: W3C Candidate Recommendation: HTML 5.1
2017: W3C Recommendation: HTML5.1 2nd Edition
2017: W3C Recommendation: HTML5.2
• HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating
Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the
content
• HTML elements label pieces of content such as
"this is a heading", "this is a paragraph", "this is a
link", etc.
WHAT IS HTML?
EXAMPLE
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
EXAMPLE EXPLAINED
• The <!DOCTYPE html> declaration defines that this
document is an HTML5 document
• 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
BEST HTML EDITOR TOOLS
Atom
Notepad
Sublime Text
Adobe Dreamweaver CC
Visual Studio Code
CoffeeCup HTML Editor
Netbeans
CONTACT US
www.cetpainfotech.co
m
+919212172602
D-58 Sector 2, Noida - 201301
Introduction to Web Designing

More Related Content

Similar to Introduction to Web Designing

WT Module-1.pdf
WT Module-1.pdfWT Module-1.pdf
WT Module-1.pdf
RamyaH11
 
Web Concepts - an introduction - introduction
Web Concepts - an introduction - introductionWeb Concepts - an introduction - introduction
Web Concepts - an introduction - introduction
clement swarnappa
 
Introduction html
Introduction htmlIntroduction html
Introduction html
savitamhaske
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
SuhaibKhan62
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
Aman Tiwari
 
Lecture-1.pptx
Lecture-1.pptxLecture-1.pptx
Lecture-1.pptx
vishal choudhary
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
Akhilapatil4
 
Html birth &amp; evolution
Html birth &amp; evolutionHtml birth &amp; evolution
Html birth &amp; evolution
Adil Nisar Khan
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
Muhammad Toqeer
 
HTML intro
HTML introHTML intro
Html
HtmlHtml
Training report on web developing
Training report on web developingTraining report on web developing
Training report on web developing
Jawhar Ali
 
Introduction To Xhtml
Introduction To XhtmlIntroduction To Xhtml
Introduction To Xhtml
Mark Callagher
 
Chapter 2 introduction to html5
Chapter 2 introduction to html5Chapter 2 introduction to html5
Chapter 2 introduction to html5
nobel mujuji
 
The Evolution of HTML Markup Language - Lets Webify
The Evolution of HTML Markup Language - Lets WebifyThe Evolution of HTML Markup Language - Lets Webify
The Evolution of HTML Markup Language - Lets Webify
Lets Webify Ecommerce Solutions
 
ITEC229_Chapter2_new.ppt
ITEC229_Chapter2_new.pptITEC229_Chapter2_new.ppt
ITEC229_Chapter2_new.ppt
DowntownWannabe
 
Grade 7_HTML.pptx
Grade 7_HTML.pptxGrade 7_HTML.pptx
Grade 7_HTML.pptx
shilpak0307
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete Reference
EPAM Systems
 
Html5
Html5Html5

Similar to Introduction to Web Designing (20)

WT Module-1.pdf
WT Module-1.pdfWT Module-1.pdf
WT Module-1.pdf
 
Web Concepts - an introduction - introduction
Web Concepts - an introduction - introductionWeb Concepts - an introduction - introduction
Web Concepts - an introduction - introduction
 
Introduction html
Introduction htmlIntroduction html
Introduction html
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Lecture-1.pptx
Lecture-1.pptxLecture-1.pptx
Lecture-1.pptx
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Html birth &amp; evolution
Html birth &amp; evolutionHtml birth &amp; evolution
Html birth &amp; evolution
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
 
HTML intro
HTML introHTML intro
HTML intro
 
Html
HtmlHtml
Html
 
Training report on web developing
Training report on web developingTraining report on web developing
Training report on web developing
 
Introduction To Xhtml
Introduction To XhtmlIntroduction To Xhtml
Introduction To Xhtml
 
Chapter 2 introduction to html5
Chapter 2 introduction to html5Chapter 2 introduction to html5
Chapter 2 introduction to html5
 
The Evolution of HTML Markup Language - Lets Webify
The Evolution of HTML Markup Language - Lets WebifyThe Evolution of HTML Markup Language - Lets Webify
The Evolution of HTML Markup Language - Lets Webify
 
ITEC229_Chapter2_new.ppt
ITEC229_Chapter2_new.pptITEC229_Chapter2_new.ppt
ITEC229_Chapter2_new.ppt
 
Grade 7_HTML.pptx
Grade 7_HTML.pptxGrade 7_HTML.pptx
Grade 7_HTML.pptx
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete Reference
 
Html5
Html5Html5
Html5
 

More from Fuhar Arora

Basic concepts of Web Designing
Basic concepts of Web DesigningBasic concepts of Web Designing
Basic concepts of Web Designing
Fuhar Arora
 
Introduction to SAP Histroy & Evolution of SAP.pptx
Introduction to SAP Histroy & Evolution of SAP.pptxIntroduction to SAP Histroy & Evolution of SAP.pptx
Introduction to SAP Histroy & Evolution of SAP.pptx
Fuhar Arora
 
Four Pillars of SEO
Four Pillars of SEOFour Pillars of SEO
Four Pillars of SEO
Fuhar Arora
 
Why SAP is popular
Why SAP is popularWhy SAP is popular
Why SAP is popular
Fuhar Arora
 
Four Pillars of SEO
Four Pillars of SEOFour Pillars of SEO
Four Pillars of SEO
Fuhar Arora
 
SAP Overview
SAP OverviewSAP Overview
SAP Overview
Fuhar Arora
 
WHY AI IS THE FUTURE
WHY AI IS THE FUTUREWHY AI IS THE FUTURE
WHY AI IS THE FUTURE
Fuhar Arora
 
Impact of 5G on Digital Marketing.pptx
Impact of 5G on Digital Marketing.pptxImpact of 5G on Digital Marketing.pptx
Impact of 5G on Digital Marketing.pptx
Fuhar Arora
 
MachineLearning.pdf
MachineLearning.pdfMachineLearning.pdf
MachineLearning.pdf
Fuhar Arora
 
SEO.pptx
SEO.pptxSEO.pptx
SEO.pptx
Fuhar Arora
 
INCRESE PRODUCTIVITY.pdf
INCRESE PRODUCTIVITY.pdfINCRESE PRODUCTIVITY.pdf
INCRESE PRODUCTIVITY.pdf
Fuhar Arora
 

More from Fuhar Arora (11)

Basic concepts of Web Designing
Basic concepts of Web DesigningBasic concepts of Web Designing
Basic concepts of Web Designing
 
Introduction to SAP Histroy & Evolution of SAP.pptx
Introduction to SAP Histroy & Evolution of SAP.pptxIntroduction to SAP Histroy & Evolution of SAP.pptx
Introduction to SAP Histroy & Evolution of SAP.pptx
 
Four Pillars of SEO
Four Pillars of SEOFour Pillars of SEO
Four Pillars of SEO
 
Why SAP is popular
Why SAP is popularWhy SAP is popular
Why SAP is popular
 
Four Pillars of SEO
Four Pillars of SEOFour Pillars of SEO
Four Pillars of SEO
 
SAP Overview
SAP OverviewSAP Overview
SAP Overview
 
WHY AI IS THE FUTURE
WHY AI IS THE FUTUREWHY AI IS THE FUTURE
WHY AI IS THE FUTURE
 
Impact of 5G on Digital Marketing.pptx
Impact of 5G on Digital Marketing.pptxImpact of 5G on Digital Marketing.pptx
Impact of 5G on Digital Marketing.pptx
 
MachineLearning.pdf
MachineLearning.pdfMachineLearning.pdf
MachineLearning.pdf
 
SEO.pptx
SEO.pptxSEO.pptx
SEO.pptx
 
INCRESE PRODUCTIVITY.pdf
INCRESE PRODUCTIVITY.pdfINCRESE PRODUCTIVITY.pdf
INCRESE PRODUCTIVITY.pdf
 

Recently uploaded

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
 
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
 
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
 
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
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
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
 
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
 
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
 
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
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
TechSoup
 
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
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Atul Kumar Singh
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
RaedMohamed3
 
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
 
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
 
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 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
 
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
 

Recently uploaded (20)

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
 
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
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
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
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
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
 
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
 
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
 
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
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
 
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
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
 
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...
 
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 ...
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
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
 
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
 

Introduction to Web Designing

  • 3. HISTORY OF HTML Since the early days of the World Wide Web, there have been many versions of HTML: 1989: Tim Berners-Lee invented www 1991: Tim Berners-Lee invented HTML 1993: Dave Raggett drafted HTML+ 1995: HTML Working Group defined HTML 2.0 1997: W3C Recommendation: HTML 3.2 1999: W3C Recommendation: HTML 4.01 2000: W3C Recommendation: XHTML 1.0 2008: WHATWG HTML5 First Public Draft 2012: WHATWG HTML5 Living Standard 2014: W3C Recommendation: HTML5 2016: W3C Candidate Recommendation: HTML 5.1 2017: W3C Recommendation: HTML5.1 2nd Edition 2017: W3C Recommendation: HTML5.2
  • 4. • HTML stands for Hyper Text Markup Language • HTML is the standard markup language for creating Web pages • HTML describes the structure of a Web page • HTML consists of a series of elements • HTML elements tell the browser how to display the content • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. WHAT IS HTML?
  • 5. EXAMPLE <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
  • 6. EXAMPLE EXPLAINED • The <!DOCTYPE html> declaration defines that this document is an HTML5 document • 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
  • 7. BEST HTML EDITOR TOOLS Atom Notepad Sublime Text Adobe Dreamweaver CC Visual Studio Code CoffeeCup HTML Editor Netbeans