SlideShare a Scribd company logo
1 of 7
- BY
SHREYA SHETTY
(Muchhala Polytechnic, Thane)
What all is required before you get started with HTML ?
Basic Knowledge of
Computer
Fundamentals
Text Editor
(Notepad, Notepad++, etc)
Web Browser
(Chrome, Firefox, etc.)
H
T
M
L
Hyper
(Reference/Lin
k)
Text
(Data)
Markup
(Predefined)
Language
(Communicate
HTML stands for Hyper Text
Markup Language.
It is a tag based language i.e Markup
language used to create webpages.
It is created by Berners Lee in late
1991.
Developed with the intent of defining
the structure of documents like
headings, paragraphs, links, etc.
“HTML is sent from server to client’s browser whenever
HTTP request is sent to server”
Clients
Server
Internet
Briefly, the client is making a request to the server. Every time a HTTP request is made, if that request is valid means if the
client is authorized to access that particular page only then the html of that particular page will be send from server to client
over the network using http protocol. As soon as the html is on the clients browser, the browser have the capacity of reading
the html language and can show the output as it is designed. So this is how the communication takes place over the network.
Every webpage designed in HTML has to be saved with an extension that is
.html OR .htm
 Editor used to design this html webpages are:
Notepad OR Notepad++
 After writing the html code, every html will be executed in any web browser like chrome,
firefox, etc and will show us the output design for the code that we wrote.
 These angular symbols are the tags . “ < > “
For eg.
<html> This is opening tag
</html> This is closing tag.
HTML program always starts with a <html> tag and ends with a </html> tag.
It is divided into two parts:
1. <head>
2. <body>
In head part you should write all the tags required to write the title of your webpage.
In body part all the tags are written to display whatever information you need
Basic Tags and syntax
<html>
<head>
<title> Welcome to HTML</title>
</head>
<body> Hello Friends</body>
</html>
Basic Tags Start Tag End Tag
Html tag <html> </html>
Whatever content we are writing will be in between
these html tags
Head tag <head> </head>
The scripting part will be written in between the head
tags.
Title tag <title> </title>
Title tag is a sub tag of head. It is always placed
between head tag. Whatever we want to display as a
title comes between title tag.
Body tag <body> </body>
The actual content to be displayed will come between
the body tag.
- x
Welcome to HTML
Hello Friends
For e.g.:
Output
THANK YOU

More Related Content

What's hot

What's hot (20)

Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTML
 
Intro to HTML & CSS
Intro to HTML & CSSIntro to HTML & CSS
Intro to HTML & CSS
 
11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP
 
Web design using html
Web design using htmlWeb design using html
Web design using html
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Css introduction
Css   introductionCss   introduction
Css introduction
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
 
Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...
 
HTML CSS and Web Development
HTML CSS and Web DevelopmentHTML CSS and Web Development
HTML CSS and Web Development
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Ndim1 2009 Web Design
Ndim1 2009 Web DesignNdim1 2009 Web Design
Ndim1 2009 Web Design
 
Dhtml
DhtmlDhtml
Dhtml
 
Web Development Workshop (Front End)
Web Development Workshop (Front End)Web Development Workshop (Front End)
Web Development Workshop (Front End)
 
Lecture-3: Introduction to html - Basic Structure & Block Building
Lecture-3: Introduction to html - Basic Structure & Block BuildingLecture-3: Introduction to html - Basic Structure & Block Building
Lecture-3: Introduction to html - Basic Structure & Block Building
 
Introduction to HTML 5
Introduction to HTML 5Introduction to HTML 5
Introduction to HTML 5
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
How to Make HTML and CSS Files
How to Make HTML and CSS FilesHow to Make HTML and CSS Files
How to Make HTML and CSS Files
 
HTML CSS JS in Nut shell
HTML  CSS JS in Nut shellHTML  CSS JS in Nut shell
HTML CSS JS in Nut shell
 
Html css java script basics All about you need
Html css java script basics All about you needHtml css java script basics All about you need
Html css java script basics All about you need
 

Similar to Introduction to HTML

1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
myrajendra
 
introdution-to-html.pptx
introdution-to-html.pptxintrodution-to-html.pptx
introdution-to-html.pptx
datapro2
 

Similar to Introduction to HTML (20)

1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
 
Html Concept
Html ConceptHtml Concept
Html Concept
 
Dynamic html (#1)
Dynamic  html (#1)Dynamic  html (#1)
Dynamic html (#1)
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREWeb Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
 
Importance of HTML
Importance of HTMLImportance of HTML
Importance of HTML
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Notes4
Notes4Notes4
Notes4
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
IT8005 Electronic Commerces Notes UNIT 1
IT8005 Electronic Commerces Notes UNIT 1IT8005 Electronic Commerces Notes UNIT 1
IT8005 Electronic Commerces Notes UNIT 1
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
 
Iwt module 1
Iwt  module 1Iwt  module 1
Iwt module 1
 
introduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML codingintroduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML coding
 
Grade 7_HTML.pptx
Grade 7_HTML.pptxGrade 7_HTML.pptx
Grade 7_HTML.pptx
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
 
Htmlcss1
Htmlcss1Htmlcss1
Htmlcss1
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
HTML
HTMLHTML
HTML
 
Web Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV SyllabusWeb Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV Syllabus
 
introdution-to-html.pptx
introdution-to-html.pptxintrodution-to-html.pptx
introdution-to-html.pptx
 
HTML
HTMLHTML
HTML
 

Recently uploaded

+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...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

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...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
 
Modernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using BallerinaModernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using Ballerina
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Choreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringChoreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software Engineering
 
+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...
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
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)
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
"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 ...
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 

Introduction to HTML

  • 1. - BY SHREYA SHETTY (Muchhala Polytechnic, Thane)
  • 2. What all is required before you get started with HTML ? Basic Knowledge of Computer Fundamentals Text Editor (Notepad, Notepad++, etc) Web Browser (Chrome, Firefox, etc.)
  • 3. H T M L Hyper (Reference/Lin k) Text (Data) Markup (Predefined) Language (Communicate HTML stands for Hyper Text Markup Language. It is a tag based language i.e Markup language used to create webpages. It is created by Berners Lee in late 1991. Developed with the intent of defining the structure of documents like headings, paragraphs, links, etc.
  • 4. “HTML is sent from server to client’s browser whenever HTTP request is sent to server” Clients Server Internet Briefly, the client is making a request to the server. Every time a HTTP request is made, if that request is valid means if the client is authorized to access that particular page only then the html of that particular page will be send from server to client over the network using http protocol. As soon as the html is on the clients browser, the browser have the capacity of reading the html language and can show the output as it is designed. So this is how the communication takes place over the network.
  • 5. Every webpage designed in HTML has to be saved with an extension that is .html OR .htm  Editor used to design this html webpages are: Notepad OR Notepad++  After writing the html code, every html will be executed in any web browser like chrome, firefox, etc and will show us the output design for the code that we wrote.  These angular symbols are the tags . “ < > “ For eg. <html> This is opening tag </html> This is closing tag. HTML program always starts with a <html> tag and ends with a </html> tag. It is divided into two parts: 1. <head> 2. <body> In head part you should write all the tags required to write the title of your webpage. In body part all the tags are written to display whatever information you need
  • 6. Basic Tags and syntax <html> <head> <title> Welcome to HTML</title> </head> <body> Hello Friends</body> </html> Basic Tags Start Tag End Tag Html tag <html> </html> Whatever content we are writing will be in between these html tags Head tag <head> </head> The scripting part will be written in between the head tags. Title tag <title> </title> Title tag is a sub tag of head. It is always placed between head tag. Whatever we want to display as a title comes between title tag. Body tag <body> </body> The actual content to be displayed will come between the body tag. - x Welcome to HTML Hello Friends For e.g.: Output