SlideShare a Scribd company logo
1 of 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

More Related Content

Similar to 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
 

Similar to 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
 

More from AchieversITAravind

More from 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
 
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
 
html ppt.pptx
html ppt.pptxhtml ppt.pptx
html ppt.pptx
 

Recently uploaded

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 

Recently uploaded (20)

Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
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.
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
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
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
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
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 

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