SlideShare a Scribd company logo
2
Most read
3
Most read
4
Most read
What Is HTML?
HTML stands for HyperText Markup Language. It is a
standard markup language for web page creation. It
allows the creation and structure of sections, paragraphs,
and links using HTML elements (the building blocks of a
web page) such as tags and attributes.
HTML has a lot of use cases, namely:
 Web development. Developers use HTML code to
design how a browser displays web page elements,
such as text, hyperlinks, and media files.
 Internet navigation. Users can easily navigate and
insert links between related pages and websites as
HTML is heavily used to embed hyperlinks.
 Web documentation. HTML makes it possible to
organize and format documents, similarly to
Microsoft Word.
How Does HTML Work
The average website includes several different HTML pages.
For instance, a home page, an about page, and a contact
page would all have separate HTML files.HTML documents are
files that end with a .html or .htm
extension. A web browser reads the HTML file and
renders its content so that internet users can view it.
All HTML pages have a series of HTML elements,
consisting of a set of tags and attributes. HTML elements
are the building blocks of a web page. A tag tells the web
browser where an element begins and ends, whereas an
attribute describes the characteristics of an element.
The three main parts of an element are:
 Opening tag – used to state where an element starts
to take effect. The tag is wrapped with opening and
closing angle brackets. For example, use the start tag
<p> to create a paragraph.
 Content – this is the output that other users see.
 Closing tag – the same as the opening tag, but with
a forward slash before the element name. For
example, </p> to end a paragraph.
Most Used HTML Tags and
HTML Elements
Currently, there are 142 HTML tags available that allow
for the creation of various elements. Even though modern
browsers no longer support some of these tags, learning
all the different elements available is still beneficial.This section
will discuss the most-used HTML tags and
two main elements – block-level elements and inline
elements.
Block-Level Elements
A block-level element takes up the entire width of a page.
It always starts a new line in the document. For example,
a heading element will be in a separate line from a
paragraph element.
Every HTML page uses these three tags:
 <html> tag is the root element that defines the
whole HTML document.
 <head> tag holds meta information such as the
page’s title and charset.
 <body> tag encloses all the content that appears on
the page.
Inline Elements
An inline element formats the inner content of block-
level elements, such as adding links and emphasized
strings. Inline elements are most commonly used to
format text without breaking the flow of the content.
HTML Evolution – What Differs
Between HTML and HTML5?
The first version of HTML consisted of 18 tags. Since then,
each new version came with new tags and attributes
added to the markup. The most significant upgrade of the
language so far was the introduction of HTML5 in 2014.
The main difference between HTML and HTML5 is that
HTML5 supports new kinds of form controls. HTML5 also
introduced several semantic tags that clearly describe the
content, such as <article>, <header>, and <footer>.
Pros and Cons of HTML
Just like any other computer language, HTML has its
strengths and limitations. Here are the pros and cons of
HTML:
Pros:
 Beginner-friendly. HTML has a clean and consistent
markup, as well as a shallow learning curve.
 Support. The language is widely used, with a lot of
resources and a large community behind it.
 Accessible. It is open-source and completely free.
HTML runs natively in all web browsers.
 Flexible. HTML is easily integrable with backend
languages such as PHP and Node.js.Cons:
 Static. The language is primarily used for static web
pages. For dynamic functionality, you may need to
use JavaScript or a back-end language such as PHP.
 Separate HTML page. Users have to create individual
web pages for HTML, even if the elements are the
same.
 Browser compatibility. Some browsers adopt new
features slowly. Sometimes older browsers don’t
always render newer tags.

More Related Content

What's hot (20)

ZIP
Semantic Digital Libraries
Sebastian Ryszard Kruk
 
PPTX
Static dynamic and active web pages
Mohammad Kamrul Hasan
 
PPTX
Android seminar ppt
chakrapani tripathi
 
PDF
Iptables Configuration
stom123
 
DOCX
Gestion de memoria_en_android
Carlos Francisco Ojeda Ureña
 
PPTX
Java
Tony Nguyen
 
PPTX
Introduction to Django
Knoldus Inc.
 
PPTX
Activities, Fragments, and Events
Henry Osborne
 
PPT
RichControl in Asp.net
Bhumivaghasiya
 
PPTX
Client and server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
PPT
Pengenalan html
bakpya
 
PDF
Spm life cycle phase
gollasaidulu1
 
PPT
Introduction to Software Engineering
Majane Padua
 
PPTX
What is Android
SanjayKumar330366
 
PPT
Web ontology language (owl)
Ameer Sameer
 
PPTX
Python Programming | JNTUK | UNIT 2 | Lecture 6 & 7 | Conditional & Control S...
FabMinds
 
PPTX
All You Need to Know About Java – Advantages and Disadvantages
carolynebert3007
 
PDF
Android Components
Aatul Palandurkar
 
PDF
Pthread
Gopi Saiteja
 
DOCX
Introduccion mvc
lissette_torrealba
 
Semantic Digital Libraries
Sebastian Ryszard Kruk
 
Static dynamic and active web pages
Mohammad Kamrul Hasan
 
Android seminar ppt
chakrapani tripathi
 
Iptables Configuration
stom123
 
Gestion de memoria_en_android
Carlos Francisco Ojeda Ureña
 
Introduction to Django
Knoldus Inc.
 
Activities, Fragments, and Events
Henry Osborne
 
RichControl in Asp.net
Bhumivaghasiya
 
Client and server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
Pengenalan html
bakpya
 
Spm life cycle phase
gollasaidulu1
 
Introduction to Software Engineering
Majane Padua
 
What is Android
SanjayKumar330366
 
Web ontology language (owl)
Ameer Sameer
 
Python Programming | JNTUK | UNIT 2 | Lecture 6 & 7 | Conditional & Control S...
FabMinds
 
All You Need to Know About Java – Advantages and Disadvantages
carolynebert3007
 
Android Components
Aatul Palandurkar
 
Pthread
Gopi Saiteja
 
Introduccion mvc
lissette_torrealba
 

Similar to WHAT IS HTML.pdf (20)

PPTX
html -Hyper Text Markup Languagejjjjjjjjjjjjjjjjjjjjjjjjj
NetajiGandi1
 
PPTX
Html Concept
Jaya Kumari
 
PPTX
Grade 7_HTML.pptx
shilpak0307
 
PDF
Vskills certified html designer Notes
Vskills
 
PDF
Vskills certified html5 developer Notes
Vskills
 
PDF
WEB PROGRAMMING bharathiar university bca unitII
VinodhiniRavi2
 
PPTX
Grade 10 COMPUTER
Joel Linquico
 
PDF
Html - Tutorial
adelaticleanu
 
PDF
Web engineering notes unit 3
inshu1890
 
PPTX
HTML seminar .pptx( HTML ) it's about html
araj032004
 
PDF
Web Engineering UNIT III as per RGPV Syllabus
NANDINI SHARMA
 
PPT
Tutorial 08 - Creating Effective Web Pages
guest22edf3
 
PPT
Tutorial 08 - Creating Effective Web Pages
dpd
 
PPTX
Introduction to HTML.pptx
VaibhavSingh887876
 
PPTX
Module 1
Xiyue Yang
 
PPTX
Web Design and Programming-Lab-4-HTML-II-Exercise
RafsanJani65
 
DOCX
What is html xml and xhtml
FkdiMl
 
PPTX
CSE-HTML-PPT.pptx
Ambika S
 
PPT
Tutorial 8 - Creating Effective Web Pages
dpd
 
PPT
ITEC229_Chapter2_new.ppt
DowntownWannabe
 
html -Hyper Text Markup Languagejjjjjjjjjjjjjjjjjjjjjjjjj
NetajiGandi1
 
Html Concept
Jaya Kumari
 
Grade 7_HTML.pptx
shilpak0307
 
Vskills certified html designer Notes
Vskills
 
Vskills certified html5 developer Notes
Vskills
 
WEB PROGRAMMING bharathiar university bca unitII
VinodhiniRavi2
 
Grade 10 COMPUTER
Joel Linquico
 
Html - Tutorial
adelaticleanu
 
Web engineering notes unit 3
inshu1890
 
HTML seminar .pptx( HTML ) it's about html
araj032004
 
Web Engineering UNIT III as per RGPV Syllabus
NANDINI SHARMA
 
Tutorial 08 - Creating Effective Web Pages
guest22edf3
 
Tutorial 08 - Creating Effective Web Pages
dpd
 
Introduction to HTML.pptx
VaibhavSingh887876
 
Module 1
Xiyue Yang
 
Web Design and Programming-Lab-4-HTML-II-Exercise
RafsanJani65
 
What is html xml and xhtml
FkdiMl
 
CSE-HTML-PPT.pptx
Ambika S
 
Tutorial 8 - Creating Effective Web Pages
dpd
 
ITEC229_Chapter2_new.ppt
DowntownWannabe
 
Ad

More from Satishkumar722293 (20)

PDF
What is artificial intelligence.pdf
Satishkumar722293
 
PDF
CAREER DEVELOPMENT.pdf
Satishkumar722293
 
PDF
What Is Business Plan.pdf
Satishkumar722293
 
PDF
WHAT IS HTML.pdf
Satishkumar722293
 
PDF
What is artificial intelligence.pdf
Satishkumar722293
 
PDF
Contingent Staffing.pdf
Satishkumar722293
 
PDF
Digital Marketing.pdf
Satishkumar722293
 
PDF
Employment Relationship.pdf
Satishkumar722293
 
PDF
programming testing.pdf
Satishkumar722293
 
PDF
TRAINING & PLACEMENT CELL.pdf
Satishkumar722293
 
PDF
Training & Development.pdf
Satishkumar722293
 
PDF
What is artificial intelligence.pdf
Satishkumar722293
 
PDF
HUMAN RESOURCE MANAGEMENT.pdf
Satishkumar722293
 
PDF
CAREER DEVELOPMENT.pdf
Satishkumar722293
 
PDF
programming testing.pdf
Satishkumar722293
 
PDF
DATA WAREHOUSE CONCEPT.pdf
Satishkumar722293
 
PDF
DATA WAREHOUSE CONCEPT.pdf
Satishkumar722293
 
PDF
MANAGEMENT SYSTEM.pdf
Satishkumar722293
 
PDF
MANAGEMENT SYSTEM.pdf
Satishkumar722293
 
PDF
HUMAN RESOURCE MANAGEMENT.pdf
Satishkumar722293
 
What is artificial intelligence.pdf
Satishkumar722293
 
CAREER DEVELOPMENT.pdf
Satishkumar722293
 
What Is Business Plan.pdf
Satishkumar722293
 
WHAT IS HTML.pdf
Satishkumar722293
 
What is artificial intelligence.pdf
Satishkumar722293
 
Contingent Staffing.pdf
Satishkumar722293
 
Digital Marketing.pdf
Satishkumar722293
 
Employment Relationship.pdf
Satishkumar722293
 
programming testing.pdf
Satishkumar722293
 
TRAINING & PLACEMENT CELL.pdf
Satishkumar722293
 
Training & Development.pdf
Satishkumar722293
 
What is artificial intelligence.pdf
Satishkumar722293
 
HUMAN RESOURCE MANAGEMENT.pdf
Satishkumar722293
 
CAREER DEVELOPMENT.pdf
Satishkumar722293
 
programming testing.pdf
Satishkumar722293
 
DATA WAREHOUSE CONCEPT.pdf
Satishkumar722293
 
DATA WAREHOUSE CONCEPT.pdf
Satishkumar722293
 
MANAGEMENT SYSTEM.pdf
Satishkumar722293
 
MANAGEMENT SYSTEM.pdf
Satishkumar722293
 
HUMAN RESOURCE MANAGEMENT.pdf
Satishkumar722293
 
Ad

Recently uploaded (20)

PPTX
Mental-Health-App-for-Students-A-Design-Thinking-Approach (3).pptx
suneelsudeepjavali
 
PDF
Soft skills for resume and resume match with job description.pdf
worksmart2718
 
PPTX
GSM GPRS & CDMA.pptxbhhhhhhhhjhhhjjjjjjjj
saianuragk33
 
PDF
hr generalist certification.pdf.........
a25075044
 
PPT
SQL.pptkarim pfe rabatkarim pfe rabatkarim pfe rabat
Keeyvikyv
 
PDF
Salarite Launches Advanced Candidate Sourcing Platforms to Power Startup Hiri...
vinay salarite
 
PPTX
Student_Support_Services_Presentation.pptx
Muhammad439928
 
PDF
Bilal Ibrar | Digital Marketing Expert | Resume | CV
Bilal Ibrar
 
PDF
Sarkari Job Alerts Made Simple – MajhiNaukri.com
Reeshna Prajeesh
 
DOCX
Best Possible China Tours with a Rkeliab
milondavid242
 
PDF
Mini Cultivator For Multipurpose Farming.pdf
ssuser77b53b
 
DOCX
LESSON PLAN FOR COT 2 Nail Care 23-24.docx
JessaMosNoromor
 
PPTX
原版英国牛津大学毕业证(Oxon毕业证书)如何办理
Taqyea
 
PDF
hr genralist course.pdf..................
a25075044
 
PDF
Digital Marketing Agency in Delhi| NSIM |
saqibembibe
 
PDF
hr generalist training.pdf..............
a25075044
 
PPTX
The LinkedIn for Your Job Search July 2025
Bruce Bennett
 
PDF
Smarter Private Job Search Starts with Formwalaa
Reeshna Prajeesh
 
PDF
Your Career, Your Platform – Formwalaa for Private Jobs
Reeshna Prajeesh
 
PPTX
Larynx_Cancer_Presenvdhhdhhdtaon (1).pptx
esterritesh
 
Mental-Health-App-for-Students-A-Design-Thinking-Approach (3).pptx
suneelsudeepjavali
 
Soft skills for resume and resume match with job description.pdf
worksmart2718
 
GSM GPRS & CDMA.pptxbhhhhhhhhjhhhjjjjjjjj
saianuragk33
 
hr generalist certification.pdf.........
a25075044
 
SQL.pptkarim pfe rabatkarim pfe rabatkarim pfe rabat
Keeyvikyv
 
Salarite Launches Advanced Candidate Sourcing Platforms to Power Startup Hiri...
vinay salarite
 
Student_Support_Services_Presentation.pptx
Muhammad439928
 
Bilal Ibrar | Digital Marketing Expert | Resume | CV
Bilal Ibrar
 
Sarkari Job Alerts Made Simple – MajhiNaukri.com
Reeshna Prajeesh
 
Best Possible China Tours with a Rkeliab
milondavid242
 
Mini Cultivator For Multipurpose Farming.pdf
ssuser77b53b
 
LESSON PLAN FOR COT 2 Nail Care 23-24.docx
JessaMosNoromor
 
原版英国牛津大学毕业证(Oxon毕业证书)如何办理
Taqyea
 
hr genralist course.pdf..................
a25075044
 
Digital Marketing Agency in Delhi| NSIM |
saqibembibe
 
hr generalist training.pdf..............
a25075044
 
The LinkedIn for Your Job Search July 2025
Bruce Bennett
 
Smarter Private Job Search Starts with Formwalaa
Reeshna Prajeesh
 
Your Career, Your Platform – Formwalaa for Private Jobs
Reeshna Prajeesh
 
Larynx_Cancer_Presenvdhhdhhdtaon (1).pptx
esterritesh
 

WHAT IS HTML.pdf

  • 1. What Is HTML? HTML stands for HyperText Markup Language. It is a standard markup language for web page creation. It allows the creation and structure of sections, paragraphs, and links using HTML elements (the building blocks of a web page) such as tags and attributes. HTML has a lot of use cases, namely:  Web development. Developers use HTML code to design how a browser displays web page elements, such as text, hyperlinks, and media files.  Internet navigation. Users can easily navigate and insert links between related pages and websites as HTML is heavily used to embed hyperlinks.  Web documentation. HTML makes it possible to organize and format documents, similarly to Microsoft Word. How Does HTML Work The average website includes several different HTML pages. For instance, a home page, an about page, and a contact page would all have separate HTML files.HTML documents are files that end with a .html or .htm
  • 2. extension. A web browser reads the HTML file and renders its content so that internet users can view it. All HTML pages have a series of HTML elements, consisting of a set of tags and attributes. HTML elements are the building blocks of a web page. A tag tells the web browser where an element begins and ends, whereas an attribute describes the characteristics of an element. The three main parts of an element are:  Opening tag – used to state where an element starts to take effect. The tag is wrapped with opening and closing angle brackets. For example, use the start tag <p> to create a paragraph.  Content – this is the output that other users see.  Closing tag – the same as the opening tag, but with a forward slash before the element name. For example, </p> to end a paragraph. Most Used HTML Tags and HTML Elements Currently, there are 142 HTML tags available that allow for the creation of various elements. Even though modern browsers no longer support some of these tags, learning
  • 3. all the different elements available is still beneficial.This section will discuss the most-used HTML tags and two main elements – block-level elements and inline elements. Block-Level Elements A block-level element takes up the entire width of a page. It always starts a new line in the document. For example, a heading element will be in a separate line from a paragraph element. Every HTML page uses these three tags:  <html> tag is the root element that defines the whole HTML document.  <head> tag holds meta information such as the page’s title and charset.  <body> tag encloses all the content that appears on the page.
  • 4. Inline Elements An inline element formats the inner content of block- level elements, such as adding links and emphasized strings. Inline elements are most commonly used to format text without breaking the flow of the content. HTML Evolution – What Differs Between HTML and HTML5? The first version of HTML consisted of 18 tags. Since then, each new version came with new tags and attributes added to the markup. The most significant upgrade of the language so far was the introduction of HTML5 in 2014. The main difference between HTML and HTML5 is that HTML5 supports new kinds of form controls. HTML5 also introduced several semantic tags that clearly describe the content, such as <article>, <header>, and <footer>. Pros and Cons of HTML Just like any other computer language, HTML has its strengths and limitations. Here are the pros and cons of HTML:
  • 5. Pros:  Beginner-friendly. HTML has a clean and consistent markup, as well as a shallow learning curve.  Support. The language is widely used, with a lot of resources and a large community behind it.  Accessible. It is open-source and completely free. HTML runs natively in all web browsers.  Flexible. HTML is easily integrable with backend languages such as PHP and Node.js.Cons:  Static. The language is primarily used for static web pages. For dynamic functionality, you may need to use JavaScript or a back-end language such as PHP.  Separate HTML page. Users have to create individual web pages for HTML, even if the elements are the same.  Browser compatibility. Some browsers adopt new features slowly. Sometimes older browsers don’t always render newer tags.