SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Mais procurados (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
 

Semelhante a 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
 

Semelhante a 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
 

Último

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Último (20)

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
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
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

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