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

Introduction web tech
Introduction web techIntroduction web tech
Introduction web techLiaquat Rahoo
 
Website Overview
Website OverviewWebsite Overview
Website OverviewChanHan Hy
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The WebsiteJulie 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.docxMartin Mulwa
 
1. web technology basics
1. web technology basics1. web technology basics
1. web technology basicsJyoti Yadav
 
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.pptxRemyaTom2
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
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 INTERNETArchana Dwivedi
 
Multimedia- How Internet Works
Multimedia- How Internet WorksMultimedia- How Internet Works
Multimedia- How Internet Workssambhenilesh
 
Computer communication and internet
Computer communication and internetComputer communication and internet
Computer communication and interneteVidhya
 
Internet features (2nd topic)
Internet features (2nd topic)Internet features (2nd topic)
Internet features (2nd topic)Anish Thomas
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Harshith 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

HTML Notes For demo_classes.pdf
HTML Notes For demo_classes.pdfHTML Notes For demo_classes.pdf
HTML Notes For demo_classes.pdfAchieversITAravind
 
Full Stack Class in Marathahalli| AchieversIT
Full Stack Class in Marathahalli| AchieversITFull Stack Class in Marathahalli| AchieversIT
Full Stack Class in Marathahalli| AchieversITAchieversITAravind
 
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| AchieversITAchieversITAravind
 
SMM Training in Marathahalli| AchieversIT
SMM Training in Marathahalli| AchieversITSMM Training in Marathahalli| AchieversIT
SMM Training in Marathahalli| AchieversITAchieversITAravind
 
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 MarathahalliAchieversITAravind
 
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| AchieversITAchieversITAravind
 
Full Stack Training Institute in Marathahalli
Full Stack Training Institute in MarathahalliFull Stack Training Institute in Marathahalli
Full Stack Training Institute in MarathahalliAchieversITAravind
 
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| AchieversITAchieversITAravind
 
JAVASCRIPT PPT [Autosaved].pptx
JAVASCRIPT PPT [Autosaved].pptxJAVASCRIPT PPT [Autosaved].pptx
JAVASCRIPT PPT [Autosaved].pptxAchieversITAravind
 

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

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.pdfAdmir Softic
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
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 ...EduSkills OECD
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
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 ModeThiyagu K
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
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 17Celine George
 
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.pdfJayanti Pande
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 

Recently uploaded (20)

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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
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 ...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
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
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
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
 
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
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 

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