SlideShare a Scribd company logo
1 of 11
Hyper Text Markup
language
HTML
 About HTML
 It’s Syntax
 It’s Structure
 Structure of HTML
 Structure ofWeb Page
What is HTML ?
Hypertext Markup Language (HTML) is the
standard markup language for documents
designed to be displayed in a web browser .
The language in which most websites are written.
HTML is used to create pages and make them
functional. HTML was first created byTim Berners-
Lee in 1993
HTML provides a means to create structured
documents by denoting structural semantics for
text such as headings, paragraphs, lists, links,
quotes and other items.
HTML
• HTML describes the structure and format of aWeb
page.
• It consists of a series of elements.
• Its element tell the browser how to display the
content.
▪ HTML elements label pieces of content such as
"this is a heading", "this is a paragraph", and "this is
a link", etc.
HTML Syntax
HTML is using tags for its syntax. A tag is composed with
special characters: <, > and /.They are interpreted by
software to compose an HTML element.
HTML elements
HTML elements usually come in tag pair.
For opening a simple element with a start tag
▪ it starts with <
▪ then a list of characters without space i.e. the tagname (or element)
▪ ends usually with a >.
HTML Syntax
Then closing the simple element with an end tag
▪ it starts with </
▪ then the same list of characters without space, the
tagname (or element)
▪ ends usually with a >.
e.g.,
If the tagname is "cite", then we get,
<cite></cite>
Structure of HTML
An HTML Document is mainly divided into two parts:
▪ HEAD:This contains the information about the
HTML document. For Example,Title of the page,
version of HTML, Meta Data etc.
▪ BODY :This contains everything you want to
display on the Web Page.
Tags in HTML
Tags are one of the most important part in an
HTML Document. HTML uses some predefined
tags which tells the browser about content display
property, that is how to display a particular given
content.
For Example, to create a paragraph, one must use
the paragraph tags(<p> </p>) and then to insert an
image one must use the img tags(<img />).
There are generally two types of tags in HTML:
▪ PairedTags:These tags come in pairs.That is they
have both opening(< >) and closing(</ >) tags.
▪ SingularTags:These tags do not required to be
closed.
STRUCTURE OF WEB PAGE
The page always begins with the start tag of
the html element and always terminates with the
end tag of the html element .
Everything about the <html>
web page should be ....web page....
enclosed here </html>
STRUCTURE OF WEB PAGE
Inside the <html></html> tag
each web page has a body described in <body></body> tag
<html>
<head>
<title> PageTitle </title>
</head>
<body>
This is a sample of HTML file.
<body>
The content of the
whole web page
should be put here.
THANK YOU

More Related Content

What's hot

What's hot (20)

[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags
 
HTML
HTMLHTML
HTML
 
Basic html
Basic htmlBasic html
Basic html
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Introduction to XHTML
Introduction to XHTMLIntroduction to XHTML
Introduction to XHTML
 
HTML
HTMLHTML
HTML
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 
WEB PAGE DESIGN USING HTML
WEB PAGE DESIGN USING HTMLWEB PAGE DESIGN USING HTML
WEB PAGE DESIGN USING HTML
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html Simple Tutorial
Html Simple TutorialHtml Simple Tutorial
Html Simple Tutorial
 
Html basic
Html basicHtml basic
Html basic
 
Html (hyper text markup language)
Html (hyper text markup language)Html (hyper text markup language)
Html (hyper text markup language)
 
What is html xml and xhtml
What is html xml and xhtmlWhat is html xml and xhtml
What is html xml and xhtml
 
1. HTML
1. HTML1. HTML
1. HTML
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Web design - HTML (Hypertext Markup Language) introduction
Web design - HTML (Hypertext Markup Language) introductionWeb design - HTML (Hypertext Markup Language) introduction
Web design - HTML (Hypertext Markup Language) introduction
 

Similar to Html presentation

Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLSaleem Thapa
 
Learning html. (Part- 1)
Learning html. (Part- 1)Learning html. (Part- 1)
Learning html. (Part- 1)manya abrol
 
Appdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxAppdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxArjayBalberan1
 
HTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN PresentationHTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN Presentationsurajsutar467
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLWeb Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLDer Lo
 
CSE-HTML-PPT.pptx
CSE-HTML-PPT.pptxCSE-HTML-PPT.pptx
CSE-HTML-PPT.pptxPsKulkarni1
 
web development.pdf
web development.pdfweb development.pdf
web development.pdfBagHarki
 

Similar to Html presentation (20)

Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Tm 1st quarter - 1st meeting
Tm   1st quarter - 1st meetingTm   1st quarter - 1st meeting
Tm 1st quarter - 1st meeting
 
Learning html. (Part- 1)
Learning html. (Part- 1)Learning html. (Part- 1)
Learning html. (Part- 1)
 
Tutorial on html
Tutorial on htmlTutorial on html
Tutorial on html
 
Appdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxAppdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptx
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
HTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN PresentationHTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN Presentation
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
Learn html from www
Learn html from wwwLearn html from www
Learn html from www
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLWeb Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTML
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html basics
Html basicsHtml basics
Html basics
 
Web Development - Lecture 2
Web Development - Lecture 2Web Development - Lecture 2
Web Development - Lecture 2
 
Presentation1.pdf
Presentation1.pdfPresentation1.pdf
Presentation1.pdf
 
CSE-HTML-PPT.pptx
CSE-HTML-PPT.pptxCSE-HTML-PPT.pptx
CSE-HTML-PPT.pptx
 
web development.pdf
web development.pdfweb development.pdf
web development.pdf
 

Recently uploaded

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
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
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
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
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
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
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
 
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
 
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
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
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
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 

Recently uploaded (20)

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
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
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
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
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
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
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
 
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
 
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!
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 
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
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 

Html presentation

  • 2. HTML  About HTML  It’s Syntax  It’s Structure  Structure of HTML  Structure ofWeb Page
  • 3. What is HTML ? Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser . The language in which most websites are written. HTML is used to create pages and make them functional. HTML was first created byTim Berners- Lee in 1993 HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items.
  • 4. HTML • HTML describes the structure and format of aWeb page. • It consists of a series of elements. • Its element tell the browser how to display the content. ▪ HTML elements label pieces of content such as "this is a heading", "this is a paragraph", and "this is a link", etc.
  • 5. HTML Syntax HTML is using tags for its syntax. A tag is composed with special characters: <, > and /.They are interpreted by software to compose an HTML element. HTML elements HTML elements usually come in tag pair. For opening a simple element with a start tag ▪ it starts with < ▪ then a list of characters without space i.e. the tagname (or element) ▪ ends usually with a >.
  • 6. HTML Syntax Then closing the simple element with an end tag ▪ it starts with </ ▪ then the same list of characters without space, the tagname (or element) ▪ ends usually with a >. e.g., If the tagname is "cite", then we get, <cite></cite>
  • 7. Structure of HTML An HTML Document is mainly divided into two parts: ▪ HEAD:This contains the information about the HTML document. For Example,Title of the page, version of HTML, Meta Data etc. ▪ BODY :This contains everything you want to display on the Web Page. Tags in HTML Tags are one of the most important part in an HTML Document. HTML uses some predefined tags which tells the browser about content display property, that is how to display a particular given content.
  • 8. For Example, to create a paragraph, one must use the paragraph tags(<p> </p>) and then to insert an image one must use the img tags(<img />). There are generally two types of tags in HTML: ▪ PairedTags:These tags come in pairs.That is they have both opening(< >) and closing(</ >) tags. ▪ SingularTags:These tags do not required to be closed.
  • 9. STRUCTURE OF WEB PAGE The page always begins with the start tag of the html element and always terminates with the end tag of the html element . Everything about the <html> web page should be ....web page.... enclosed here </html>
  • 10. STRUCTURE OF WEB PAGE Inside the <html></html> tag each web page has a body described in <body></body> tag <html> <head> <title> PageTitle </title> </head> <body> This is a sample of HTML file. <body> The content of the whole web page should be put here.