SlideShare a Scribd company logo
1 of 21
Presented By:Rahul JAIN
.&
Shivam AGRAWAL

rahuljaincse.blogspot.com

1
rahuljaincse.blogspot.com

2
rahuljaincse.blogspot.com

3









HTML is a language for describing web pages.
HTML stands
for Hyper Text Markup Language
HTML is a markup language
A markup language is a set of markup tags
The tags describe document content
HTML documents contain HTML tags and
plain text
HTML documents are also called web pages

rahuljaincse.blogspot.com

4


Web Browser is used to read HTML
documents and composed them into
visible or audible web page.



HTML is platform independence means we
can see web page on any OS including
Windows, Linux and Mac
HTML Created by WORLD WIDE WEB
CONSORTIUM.



rahuljaincse.blogspot.com

5
rahuljaincse.blogspot.com

6







HTML markup tags are usually called HTML
tags
HTML tags are keywords (tag names)
surrounded by angle brackets like <html>
HTML tags normally come in pairs like <b>
and </b>
The first tag in a pair is the start tag, the
second tag is the end tag
The end tag is written like the start tag, with
a forward slash before the tag name
Start and end tags are also called opening
tags and closing tags
rahuljaincse.blogspot.com

7





Tags can be written using upper or lowercase
letters.
We can assign specific attributes to each HTML
tag to customize its behavior, like
<P align=‘left’>.
HTML document are plain-text documents, so it
can use any text- editor to write HTML code.
<tagname>content</tagname>

rahuljaincse.blogspot.com

8
<html>
<body>
<h1>My First
Heading</h1>
<p>My first
paragraph.</p>
</body>
</html>

rahuljaincse.blogspot.com

9







HTML can be edited by using a professional
HTML editor like:
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCuP HTML Editor
However, for learning HTML we recommend
a text editor like Notepad (PC) or
TextEdit(Mac). We believe using a simple
text editor is a good way to learn HTML.

rahuljaincse.blogspot.com

10
To start Notepad go to:
 Start
    All Programs
        Accessories
            Notepad

rahuljaincse.blogspot.com

11
rahuljaincse.blogspot.com

12
rahuljaincse.blogspot.com

13
HTML headings are defined with the <h1> to <h6> tags.
<html>
<body>
<h1>This
<h2>This
<h3>This
<h4>This
<h5>This
<h6>This

is
is
is
is
is
is

heading
heading
heading
heading
heading
heading

1</h1>
2</h2>
3</h3>
4</h4>
5</h5>
6</h6>

</body>
</html>
rahuljaincse.blogspot.com

14
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6

rahuljaincse.blogspot.com

15







HTML elements can have attributes
Attributes provide additional
information about an element
Attributes are always specified in the start
tag
Attributes come in name/value pairs
like: name="value"

rahuljaincse.blogspot.com

16


HTML paragraph are defined with the <P>
tag. The align attribute is used to align the
paragraph.

<P align=“left”

rahuljaincse.blogspot.com

17
rahuljaincse.blogspot.com

18
rahuljaincse.blogspot.com

19
To find out,
right-click in the page and select
"View Source" (IE) or "View Page Source"
(Firefox), or similar for other browsers.
This will open a window containing the
HTML code of the page.

rahuljaincse.blogspot.com

20
rahuljaincse.blogspot.com

21

More Related Content

What's hot (20)

Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Intro to HTML
Intro to HTMLIntro to HTML
Intro to HTML
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desain
 
Html
HtmlHtml
Html
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
HTML
HTMLHTML
HTML
 
Hyper Text Mark-up Language
Hyper Text Mark-up Language Hyper Text Mark-up Language
Hyper Text Mark-up Language
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
HTML | Computer Science
HTML | Computer ScienceHTML | Computer Science
HTML | Computer Science
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Getting into HTML
Getting into HTMLGetting into HTML
Getting into HTML
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
 
Html training part1
Html training part1Html training part1
Html training part1
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Web Fundamentals And Html Chapter 1
Web Fundamentals And Html Chapter 1Web Fundamentals And Html Chapter 1
Web Fundamentals And Html Chapter 1
 
HTML for Education
HTML for EducationHTML for Education
HTML for Education
 

Similar to HTML (20)

HTML
HTMLHTML
HTML
 
Html rahul jain
Html rahul jainHtml rahul jain
Html rahul jain
 
HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
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 basic file
Html basic fileHtml basic file
Html basic file
 
Html basics
Html basicsHtml basics
Html basics
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
Html_Day_One (W3Schools)
Html_Day_One (W3Schools)Html_Day_One (W3Schools)
Html_Day_One (W3Schools)
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
Html introduction
Html introductionHtml introduction
Html introduction
 

More from Rahul Jain

important DotNet Questions For Practicals And Interviews
important DotNet Questions For Practicals And Interviewsimportant DotNet Questions For Practicals And Interviews
important DotNet Questions For Practicals And InterviewsRahul Jain
 
Seminar Report For GPS Technology
Seminar Report For GPS TechnologySeminar Report For GPS Technology
Seminar Report For GPS TechnologyRahul Jain
 
GPS Technology Rahul Jain Presentation
GPS Technology Rahul Jain PresentationGPS Technology Rahul Jain Presentation
GPS Technology Rahul Jain PresentationRahul Jain
 
Blogging PPT For More Follow On rahuljaincse.blogspot.in
Blogging PPT For More Follow On rahuljaincse.blogspot.inBlogging PPT For More Follow On rahuljaincse.blogspot.in
Blogging PPT For More Follow On rahuljaincse.blogspot.inRahul Jain
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years PapersRahul Jain
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years PapersRahul Jain
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years PapersRahul Jain
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years PapersRahul Jain
 
Gate Previous Years Papers It2005
Gate Previous Years Papers It2005Gate Previous Years Papers It2005
Gate Previous Years Papers It2005Rahul Jain
 
Interviews rahul jain
Interviews rahul jain Interviews rahul jain
Interviews rahul jain Rahul Jain
 

More from Rahul Jain (10)

important DotNet Questions For Practicals And Interviews
important DotNet Questions For Practicals And Interviewsimportant DotNet Questions For Practicals And Interviews
important DotNet Questions For Practicals And Interviews
 
Seminar Report For GPS Technology
Seminar Report For GPS TechnologySeminar Report For GPS Technology
Seminar Report For GPS Technology
 
GPS Technology Rahul Jain Presentation
GPS Technology Rahul Jain PresentationGPS Technology Rahul Jain Presentation
GPS Technology Rahul Jain Presentation
 
Blogging PPT For More Follow On rahuljaincse.blogspot.in
Blogging PPT For More Follow On rahuljaincse.blogspot.inBlogging PPT For More Follow On rahuljaincse.blogspot.in
Blogging PPT For More Follow On rahuljaincse.blogspot.in
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years Papers
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years Papers
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years Papers
 
Gate Previous Years Papers
Gate Previous Years PapersGate Previous Years Papers
Gate Previous Years Papers
 
Gate Previous Years Papers It2005
Gate Previous Years Papers It2005Gate Previous Years Papers It2005
Gate Previous Years Papers It2005
 
Interviews rahul jain
Interviews rahul jain Interviews rahul jain
Interviews rahul jain
 

Recently uploaded

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)Samir Dash
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityWSO2
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAnitaRaj43
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMKumar Satyam
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 

HTML

  • 1. Presented By:Rahul JAIN .& Shivam AGRAWAL rahuljaincse.blogspot.com 1
  • 4.        HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of markup tags The tags describe document content HTML documents contain HTML tags and plain text HTML documents are also called web pages rahuljaincse.blogspot.com 4
  • 5.  Web Browser is used to read HTML documents and composed them into visible or audible web page.  HTML is platform independence means we can see web page on any OS including Windows, Linux and Mac HTML Created by WORLD WIDE WEB CONSORTIUM.  rahuljaincse.blogspot.com 5
  • 7.       HTML markup tags are usually called HTML tags HTML tags are keywords (tag names) surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the start tag, the second tag is the end tag The end tag is written like the start tag, with a forward slash before the tag name Start and end tags are also called opening tags and closing tags rahuljaincse.blogspot.com 7
  • 8.    Tags can be written using upper or lowercase letters. We can assign specific attributes to each HTML tag to customize its behavior, like <P align=‘left’>. HTML document are plain-text documents, so it can use any text- editor to write HTML code. <tagname>content</tagname> rahuljaincse.blogspot.com 8
  • 10.      HTML can be edited by using a professional HTML editor like: Adobe Dreamweaver Microsoft Expression Web CoffeeCuP HTML Editor However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit(Mac). We believe using a simple text editor is a good way to learn HTML. rahuljaincse.blogspot.com 10
  • 11. To start Notepad go to:  Start     All Programs         Accessories             Notepad rahuljaincse.blogspot.com 11
  • 14. HTML headings are defined with the <h1> to <h6> tags. <html> <body> <h1>This <h2>This <h3>This <h4>This <h5>This <h6>This is is is is is is heading heading heading heading heading heading 1</h1> 2</h2> 3</h3> 4</h4> 5</h5> 6</h6> </body> </html> rahuljaincse.blogspot.com 14
  • 15. This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 rahuljaincse.blogspot.com 15
  • 16.     HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value" rahuljaincse.blogspot.com 16
  • 17.  HTML paragraph are defined with the <P> tag. The align attribute is used to align the paragraph. <P align=“left” rahuljaincse.blogspot.com 17
  • 20. To find out, right-click in the page and select "View Source" (IE) or "View Page Source" (Firefox), or similar for other browsers. This will open a window containing the HTML code of the page. rahuljaincse.blogspot.com 20