SlideShare uma empresa Scribd logo
1 de 26
https://www.achieversit.com
WHAT IS WEB?
• It is an information space where documents and other web resources can
be accessed through the Internet using a web browser. The Web has
changed people's lives immeasurably. It is the primary tool billions of
people worldwide use to interact on the Internet. It was invented by Tim
Berners-Lee at CERN in 1989 and opened to the public in 1991.
• Web resources may be any type of downloadable media. Web pages are
documents interconnected by hypertext links formatted in Hypertext
Markup Language (HTML). The HTML syntax displays
embedded hyperlinks with URLs, which permits users to navigate to other
web resources.
https://www.achieversit.com
+91 8431040457
The World Wide Web (WWW), commonly known as the Web, is the world's dominant software
platform.
3
WHY WEB?
WHY WEB ?
5
• A web browser takes you anywhere on the
internet. It retrieves information from other parts
of the web and displays it on your desktop or
mobile device. The information is transferred using
the Hypertext Transfer Protocol, which defines how
text, images and video are transmitted on the web.
https://www.achieversit.com
WHAT ARE FEATURES OF
WEB ?
HOW WEB WORKS ?
7
• A web browser takes you anywhere on the internet. It
retrieves information from other parts of the web and
displays it on your desktop or mobile device. The
information is transferred using the Hypertext Transfer
Protocol, which defines how text, images and video are
transmitted on the web.
https://www.achieversit.com
WHAT IS WEB APPLICATION ?
8
A Web application (Web app) is an application
program that is stored on a remote server and
delivered over the Internet through a browser
interface. Web services are Web apps by
definition and many, although not all, websites
contain Web apps. According to Web.
https://www.achieversit.com
TYPES OF WEB APPLICATIONS
9
• Web Server contains Web container only.
• A web server is good in case of static contents
like static html pages.
• Web server consumes less resources like CPU,
Memory etc. as compared to application server.
• Web Server provides the runtime environment
for web applications.
• Web Server supports HTTP Protocol.
• Apache Web Server.
Web VS Web Application
WEB WEB APPLICATION
•Web application is a client side and server-side
software application .
•A web application is a program provided by a third
party, stored on a remote server, and can be
accessed from any web browser with any device.
•A web Application is an online program that is
primarily using a web browser as a medium to
Accomplish a certain allocated task.
•Example of a web application is an E-Commerce
online store.
https://www.achieversit.com
CORE CONCEPTS OF HTML
11
Elements And Attributes
ELEMENT
12
Three types of Elements. They are 1) Inline Element
2) Block level Element
3)Inline-Block level Element
https://www.achieversit.com
WHAT IS THE DEFERENCE BETWEEN INLINE, INLINE
BLOCK, BLOCK LEVEL ELEMENTS ?
13
https://www.achieversit.com
HTML
14
https://www.achieversit.com
TAGS
15 https://www.achieversit.com
IMAGE TAG
16
https://www.achieversit.co
m
ANCHOR TAG
17
Anchor Tag Types
Three types of Anchor Tags. They
are:-
• From one page to another page.
• From one portion to another
portion.
• From one application to another
application.
https://www.achieversit.com
LIST TAGS
18 https://www.achieversit.com
SEMANTIC & NON-SEMANTIC ELEMENTS
19 https://www.achieversit.com
FORM TAG
20
+91 8431040457
1.What is Form?
• The <form> element is a container for different types of input elements,
such as: text fields, checkboxes, radio buttons, submit buttons, etc.
2.Html Form Elements ?
The HTML <form> element can contain one or more of the following form elements:
•<input>
•<label>
•<select>
•<textarea>
•<button>
•<fieldset>
•<legend>
•<datalist>
•<output>
•<option>
•<optgroup>
21
https://www.achieversit.com
Html Form Attribute
TABLE TAG
22
https://www.achieversit.com
What is table in HTML explain ?
• An HTML structure for creating rows and columns
on a Web page.
The Table tag defines the overall table and the Table
Row (TR) tag is used
to build each row. The Table Data (TD) tag defines the
actual data. Prior
to HTML5, tables were often used for virtually every
element on the page.
TABLE TAG
23
https://www.achieversit.com
What is Rowspan and Colspan in
HTML?
•The rowspan and colspan are <td> tag
attributes.
These are used to specify the number of
rows or
columns a cell should span. The rowspan
attribute
is for rows as well as the colspan attribute is
for
columns. These attributes have numeric
values, for
example, colspan=3 will span three columns.
Rowspan=3 will span three rows.
DIFFERENCE BETWEEN HTML VS HTML5
24
https://www.achieversit.co
FEATURES OF HTML5
25
https://www.achieversit.com
Tim Berners-Lee invented
26 https://www.achieversit.com info@achiversit.com

Mais conteúdo relacionado

Semelhante a html ppt.pptx

The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
Julie May
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
Martin Mulwa
 
Lecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptxLecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptx
RemyaTom2
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Harshith Rockx
 

Semelhante a html ppt.pptx (20)

Module 3
Module 3Module 3
Module 3
 
Introduction web tech
Introduction web techIntroduction web tech
Introduction web tech
 
Website Overview
Website OverviewWebsite Overview
Website Overview
 
Introduction of internet
Introduction of internetIntroduction of internet
Introduction of internet
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
 
Website
WebsiteWebsite
Website
 
Module 5 and 6
Module 5 and 6Module 5 and 6
Module 5 and 6
 
Intro to internet 1
Intro to internet 1Intro to internet 1
Intro to internet 1
 
Html
HtmlHtml
Html
 
1. web technology basics
1. web technology basics1. web technology basics
1. web technology basics
 
Lecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptxLecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptx
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
CBSE class X Computer Applications ch 1 INTERNET
CBSE class X Computer Applications ch 1 INTERNETCBSE class X Computer Applications ch 1 INTERNET
CBSE class X Computer Applications ch 1 INTERNET
 
Multimedia- How Internet Works
Multimedia- How Internet WorksMultimedia- How Internet Works
Multimedia- How Internet Works
 
CSC PPT 3.pptx
CSC PPT 3.pptxCSC PPT 3.pptx
CSC PPT 3.pptx
 
Computer communication and internet
Computer communication and internetComputer communication and internet
Computer communication and internet
 
Internet
InternetInternet
Internet
 
Internet features (2nd topic)
Internet features (2nd topic)Internet features (2nd topic)
Internet features (2nd topic)
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
 

Mais de AchieversITAravind

Mais de AchieversITAravind (20)

institute - Copy.pptx
institute - Copy.pptxinstitute - Copy.pptx
institute - Copy.pptx
 
Angular.pptx
Angular.pptxAngular.pptx
Angular.pptx
 
HTML Notes For demo_classes.pdf
HTML Notes For demo_classes.pdfHTML Notes For demo_classes.pdf
HTML Notes For demo_classes.pdf
 
Full Stack Class in Marathahalli| AchieversIT
Full Stack Class in Marathahalli| AchieversITFull Stack Class in Marathahalli| AchieversIT
Full Stack Class in Marathahalli| AchieversIT
 
Achieversit intuduction.pptx
Achieversit intuduction.pptxAchieversit intuduction.pptx
Achieversit intuduction.pptx
 
Full Stack Online Course in Marathahalli| AchieversIT
Full Stack Online Course in Marathahalli| AchieversITFull Stack Online Course in Marathahalli| AchieversIT
Full Stack Online Course in Marathahalli| AchieversIT
 
SMM Training in Marathahalli| AchieversIT
SMM Training in Marathahalli| AchieversITSMM Training in Marathahalli| AchieversIT
SMM Training in Marathahalli| AchieversIT
 
Full Stack Web Development Training in Marathahalli
Full Stack Web Development Training in MarathahalliFull Stack Web Development Training in Marathahalli
Full Stack Web Development Training in Marathahalli
 
Full Stack Course Institute in Marathahalli| AchieversIT
Full Stack Course Institute in Marathahalli| AchieversITFull Stack Course Institute in Marathahalli| AchieversIT
Full Stack Course Institute in Marathahalli| AchieversIT
 
Full Stack Training Institute in Marathahalli
Full Stack Training Institute in MarathahalliFull Stack Training Institute in Marathahalli
Full Stack Training Institute in Marathahalli
 
Full Stack Training Course in Marathahalli| AchieversIT
Full Stack Training Course in Marathahalli| AchieversITFull Stack Training Course in Marathahalli| AchieversIT
Full Stack Training Course in Marathahalli| AchieversIT
 
Angular.pptx
Angular.pptxAngular.pptx
Angular.pptx
 
Achieversit intuduction.pptx
Achieversit intuduction.pptxAchieversit intuduction.pptx
Achieversit intuduction.pptx
 
Achieversit intuduction.pptx
Achieversit intuduction.pptxAchieversit intuduction.pptx
Achieversit intuduction.pptx
 
Bootstrap ppt.pptx
Bootstrap ppt.pptxBootstrap ppt.pptx
Bootstrap ppt.pptx
 
html ppt.pptx
html ppt.pptxhtml ppt.pptx
html ppt.pptx
 
JAVASCRIPT PPT [Autosaved].pptx
JAVASCRIPT PPT [Autosaved].pptxJAVASCRIPT PPT [Autosaved].pptx
JAVASCRIPT PPT [Autosaved].pptx
 
institute - Copy.pptx
institute - Copy.pptxinstitute - Copy.pptx
institute - Copy.pptx
 
Angular.pptx
Angular.pptxAngular.pptx
Angular.pptx
 
Bootstrap ppt.pptx
Bootstrap ppt.pptxBootstrap ppt.pptx
Bootstrap ppt.pptx
 

Último

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Último (20)

ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 

html ppt.pptx

  • 1.
  • 3. WHAT IS WEB? • It is an information space where documents and other web resources can be accessed through the Internet using a web browser. The Web has changed people's lives immeasurably. It is the primary tool billions of people worldwide use to interact on the Internet. It was invented by Tim Berners-Lee at CERN in 1989 and opened to the public in 1991. • Web resources may be any type of downloadable media. Web pages are documents interconnected by hypertext links formatted in Hypertext Markup Language (HTML). The HTML syntax displays embedded hyperlinks with URLs, which permits users to navigate to other web resources. https://www.achieversit.com +91 8431040457 The World Wide Web (WWW), commonly known as the Web, is the world's dominant software platform. 3
  • 5. WHY WEB ? 5 • A web browser takes you anywhere on the internet. It retrieves information from other parts of the web and displays it on your desktop or mobile device. The information is transferred using the Hypertext Transfer Protocol, which defines how text, images and video are transmitted on the web. https://www.achieversit.com
  • 6. WHAT ARE FEATURES OF WEB ?
  • 7. HOW WEB WORKS ? 7 • A web browser takes you anywhere on the internet. It retrieves information from other parts of the web and displays it on your desktop or mobile device. The information is transferred using the Hypertext Transfer Protocol, which defines how text, images and video are transmitted on the web. https://www.achieversit.com
  • 8. WHAT IS WEB APPLICATION ? 8 A Web application (Web app) is an application program that is stored on a remote server and delivered over the Internet through a browser interface. Web services are Web apps by definition and many, although not all, websites contain Web apps. According to Web. https://www.achieversit.com
  • 9. TYPES OF WEB APPLICATIONS 9
  • 10. • Web Server contains Web container only. • A web server is good in case of static contents like static html pages. • Web server consumes less resources like CPU, Memory etc. as compared to application server. • Web Server provides the runtime environment for web applications. • Web Server supports HTTP Protocol. • Apache Web Server. Web VS Web Application WEB WEB APPLICATION •Web application is a client side and server-side software application . •A web application is a program provided by a third party, stored on a remote server, and can be accessed from any web browser with any device. •A web Application is an online program that is primarily using a web browser as a medium to Accomplish a certain allocated task. •Example of a web application is an E-Commerce online store. https://www.achieversit.com
  • 11. CORE CONCEPTS OF HTML 11 Elements And Attributes
  • 12. ELEMENT 12 Three types of Elements. They are 1) Inline Element 2) Block level Element 3)Inline-Block level Element https://www.achieversit.com
  • 13. WHAT IS THE DEFERENCE BETWEEN INLINE, INLINE BLOCK, BLOCK LEVEL ELEMENTS ? 13 https://www.achieversit.com
  • 17. ANCHOR TAG 17 Anchor Tag Types Three types of Anchor Tags. They are:- • From one page to another page. • From one portion to another portion. • From one application to another application. https://www.achieversit.com
  • 19. SEMANTIC & NON-SEMANTIC ELEMENTS 19 https://www.achieversit.com
  • 20. FORM TAG 20 +91 8431040457 1.What is Form? • The <form> element is a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc. 2.Html Form Elements ? The HTML <form> element can contain one or more of the following form elements: •<input> •<label> •<select> •<textarea> •<button> •<fieldset> •<legend> •<datalist> •<output> •<option> •<optgroup>
  • 22. TABLE TAG 22 https://www.achieversit.com What is table in HTML explain ? • An HTML structure for creating rows and columns on a Web page. The Table tag defines the overall table and the Table Row (TR) tag is used to build each row. The Table Data (TD) tag defines the actual data. Prior to HTML5, tables were often used for virtually every element on the page.
  • 23. TABLE TAG 23 https://www.achieversit.com What is Rowspan and Colspan in HTML? •The rowspan and colspan are <td> tag attributes. These are used to specify the number of rows or columns a cell should span. The rowspan attribute is for rows as well as the colspan attribute is for columns. These attributes have numeric values, for example, colspan=3 will span three columns. Rowspan=3 will span three rows.
  • 24. DIFFERENCE BETWEEN HTML VS HTML5 24 https://www.achieversit.co