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 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 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_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

Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 

Recently uploaded (20)

Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 

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