Web Chapter 1
Web Chapter 1
.edu Educational
.gov US Government
.int Organization
.mil US Military
Networking
.net
Providers
.org Non-profit
Organization
Domain name country codes include, but are not limited to:
.au Australia
.de Germany
.fr France
.nl Netherlands
Paying attention to the top level domain may give you a clue as to the
accuracy of the information you find. For example, information on a "com" site
can prove useful, but one should always be aware that the intent of the site
may be to sell a particular product or service. Likewise, the quality of
information you find on the "edu" domain may vary. Although many pages in
that domain were created by the educational institutions themselves, some
"edu" pages may be the private opinions of faculty and students. A common
convention at many institutions is to indicate a faculty or student page with a ~
(tilde) in the address. For instance, https://fcit.usf.edu/~kemker/default.htm is
a student's personal web page.
What is a Webpage?
A webpage is a document written in HTML and can be viewed on any web
browser. It is contained within the web server, which can be accessed by
entering the URL for that web page, and once it is loaded, it appears on the
user’s web browser. Each webpage is linked with a unique URL; hence two
pages cannot have the same URL.
What is a Webpage
A webpage may contain text, links for other pages, graphics, videos, etc.
Moreover, it is mainly used to provide information to the user in text, images,
etc.
A webpage Is a part of a website; it means a website contains different web
pages. Such as javaTpoint.com is a website, and the page currently you are
accessing is the webpage. It can be understood as an example of a book. So,
a Website is like a complete book, and a webpage is like a page of that book.
The WWW or Internet contains millions of web pages, and daily, a lot is being
added. Tim Berners-Lee developed the first webpage.
Logo
homeHome
python Python
java Java
javascript JavaScript
htmlHTML
sql SQL
php PHP
c# C#
c++ C++
data structures DS
aptitude Aptitude
reasoning Reasoning
selenium Selenium
dbms DBMS
cC
android Andriod
interview questions Interview Q
← prevnext →
What is a Webpage
A web page is a single hypertext document available on World Wide Web
(WWW). It is composed of HTML elements and displayed on the user’s
browser such as Mozilla, Firefox, Chrome, etc. It is also referred to as “Page.”
In this topic, we are going to discuss various details of the webpage, including
the following topics:
What is a Webpage?
Characteristics of a Webpage
Difference between a Webpage and a Website
How does a Web Page Work?
Elements of a Webpage
Types of a Web page
How to Create a Simple Webpage?
ADVERTISEMENT
What is a Webpage?
A webpage is a document written in HTML and can be viewed on any web
browser. It is contained within the web server, which can be accessed by
entering the URL for that web page, and once it is loaded, it appears on the
user’s web browser. Each webpage is linked with a unique URL; hence two
pages cannot have the same URL.
What is a Webpage
A webpage may contain text, links for other pages, graphics, videos, etc.
Moreover, it is mainly used to provide information to the user in text, images,
etc.
ADVERTISEMENT
A webpage is a part of a website; it means a website contains different web
pages. Such as javaTpoint.com is a website, and the page currently you are
accessing is the webpage. It can be understood as an example of a book. So,
a Website is like a complete book, and a webpage is like a page of that book.
The WWW or Internet contains millions of web pages, and daily, a lot is being
added. Tim Berners-Lee developed the first webpage.
ADVERTISEMENT
Let’s understand some basic terms that are used with Webpage:
ADVERTISEMENT
A simple webpage can be created very quickly.
It takes very little time to create a webpage compared to a Website.
A web page and a website should be compatible with any device, such as
Mobile, Desktop, Laptop, etc.
The search engine provides a web page through a link, and when a user
clicks on that link, it is redirected to the webpage of a website.
A webpage can have any type of information including videos, and audios.
It can be made up of only HTML(Hypertext Markup Language), or CSS, or
JavaScript for dynamic and attractive behavior.
Difference between a Webpage and a Website
ADVERTISEMENT
Since both Websites and Web pages are related to each other, some users
may use them interchangeably, but they are much different from each other.
The basic difference between them is that webpage is a single web document,
whereas a Website is a collection of different web pages. Here are some more
differences between both of them:
Website
Webpage
A website is a collection of different web pages that are linked together with
hyperlinks.
A webpage is a single hypertext document.
It consists of more than one webpage.
It is a single document that is displayed on the user’s browser.
To develop a website, developers need more skills and more time compared
to a webpage.
To develop a webpage, developers need basic HTML knowledge and less
time.
A website is accessed through its domain name, and it does not include any
extension in the URL.
A webpage is accessed through a unique URL with some extension.
It can contain information for different entities, such as Javatpoint.com, which
contains information about different technologies.
It can contain information for a single entity, such as currently viewing a web
page containing information about this page only.
It Is a little challenging to create a perfect website and requires lots of
programming.
It is very simple to create a webpage.
Some examples of the website are Javatpoint.com, Amazon.com, etc.
Some examples of Webpages are the currently viewing page, contact page,
registration page, the home page, etc.
Note: The terms Webpage and Web page are the same, and both are
technically correct. However, most style guides suggest using a Webpage
instead of a Web page.
How does a Web Page Work?
A simple web page is created using HTML, which is a markup language.
However, we can also use CSS and JavaScript to add more functionalities
and make it more attractive.
It Is created using HTML, hence containing different markup tags that specify
how the data should be formatted on screen.
The webpage is contained within the webserver. To load this webpage, a
client sends the request to the server, and generally, the browser is known as
the client, which can request the page on the internet.
The web browser requests the page on the internet. Once it is responded to
by the server, the browser interprets the markup tags and displays them on
the user’s screen in the correct format.
What is a Webpage
The browser sends the request for a page or a file via an HTTP request. The
HTTP is the Hypertext Transfer Protocol, a network protocol that allows
transferring hypermedia documents over the internet between a browser and
server.
Once the request reaches the server, the HTTP server accepts the request,
finds the requested page, and sends it back to the browser through the HTTP
response. If a server is unable to find the requested page, it returns a 404
response.
Elements of a Webpage
The main element of the webpage is a text file composed of HTML. Apart from
this, a webpage can also have the following elements:
CSS: The CSS code is used to make the page more interactive and control its
look and feel.
Scripts: The JavaScript code is included in a webpage to add interactivity to
the page and add more functionalities to it.
Media: It is used to include media components such as audio, video, and
images.
Although every web page is different from another web, some components
are common to almost all the pages. Some of these components are given
below; you can also relate these elements by the given image:
What is a Webpage
Name of the Website: Each webpage includes the name of the website or
company, or blog to which it is attached. The name of the website and the
logo are mostly situated at the top-left corner of the page. The logo may also
contain a slogan of the site or a brief introduction to the site so that visitors
can quickly identify what this site is about. It is one of the important
components of the webpage.
The website's name also has a link that can redirect to the home page of that
site. The name of the website usually includes at the header of the page.
Search bar: A search bar is also an important component that should present
on each page of a website or blog. The search blog allows the visitor to
search related information on that website.
Navigation Bar: A navigation bar is a component of a webpage that contains
links to some important sections of the website. It helps the visitors to easily
traverse some major sections of the website. It is placed mainly on the top of
the web page or the left side of the page. When the user clicks on any link
given in the navigation bar, it redirects to the page.
Heading of the page: Heading of the page tells the main information about the
page, i.e., what this is all about. The heading is available on the top of the
page, and it is included with the help of the <h1> tag of HTML.
Content of the Page: The content of the page means the information of the
page. As you are visiting this page and reading this information, all the
information contained within this page is known as the page’s content. It may
contain below sub-elements:
Paragraphs: A webpage can have different paragraphs as per their length.
The opening paragraph is crucial on the whole page, as it draws the attention
of the visitor. If the first paragraph is not interesting and not related to the
topic, a user may leave the page immediately. To create a paragraph <P> tag
is used in HTML.
Subheadings: A page may have different subheadings as per the topic,
whether related to information about something or a website’s web page. In
HTML from <H2> to <H6> tags are used for including subheadings. Each
page should be divided into different subheadings to make it easier for the
users to read and understand.
Images: Each webpage contains images to make its content more attractive.
To include an image, <img> tag is used in HTML.
Feedback or Comment form: Different websites include a Feedback or
Comment form on each webpage. It is used to know the visitor’s views about
the information of that page and any other feedback for the page or site. It lets
to know the creator of the page that if the information is helpful or not.
Social Share links: Social share links allow the visitors to share that webpage
with their friends on different social sites such as Facebook, Linked In, Twitter,
etc.
Copyright Info: Each webpage must have Copyright information along with
Privacy Policy. This information is available at the end of the page or on the
footer of the page.
Go to Top: On most of the pages, a Back to Top button or link is available.
This option helps the users to return to the upper section of the page.
Advertisement Banner: Whenever you visit any good website, you see
different advertisement banners on each site’s page. These banners are used
to displays ads in different places on a page. These banners are used to
provide monitory benefits to the owner of the website.
Previous and Next buttons or links: On most of the pages, previous and Next
buttons are available that help the user easily navigate to the previous and
next page related to the topic. A page can also have links to other pages.
Company Info: On the footer of the page, there is a brief introduction about
the company or website of that page. By this, visitors get to know about the
company and can build trust in it.
There can also be some additional information and tools such as a button to
print the page that can also be helpful for users.
Static Webpage
Dynamic Webpage
Static Webpage
Static webpages are those webpages that cannot be modified or altered by
the client. These are also known as stationary or flat web pages. They are
displayed on the client’s browser in the same format and manner as they are
saved in the webserver. Users can only load the page and read the
information but cannot perform any change on the page.
Dynamic Webpage
As the name suggests, Dynamic webpages are dynamic, which means it
shows different information at different point of time.
The dynamic webpage shows different content each time it is viewed. There
are two types of Dynamic web pages, which are:
Server-Side Dynamic Webpage: These web pages are created using Server-
side scripting. These pages are changed when they are visited or viewed.
Some examples of server-side pages are login pages, submission forms,
shopping carts, etc. Various scripting languages such as PHP, ASP.Net, JSP,
etc., can be used for server-side scripting.
Client-side Dynamic Webpage: These web pages are created using Client-
side scripting. These pages get changed in response to actions that occur
within that page, such as mouse or keyboard action. Scripting languages such
as JavaScript, Dart, etc., can be used for client-Side scripting.
Note: Scripting languages are programming languages that allow us to write
programs in the form of scripts, and these are interpreted, not compiled.
Apart from these two Webpages, there are some examples of common web
pages that can be found on most of the websites, and these are as follow:
Home Page: The home page of any website is one of the most important
pages. It is called a home page because this is like a starting point from where
users can go anywhere on that website. This page usually contains links to
the important zones of the site. It can also be known as the index page.
Feed Page: The feed page is usually found in those websites that update
content. It is used to provide information to users for the latest information that
has been updated.
Menu Page: The menu page is created to accomplish the navigation goal. The
page contains a collection of different links that give access to different
categories and zones.
About-us Page: This page contains brief information and details of the
company, product, or website. It allows the visitors to know the details of the
website that they are using.
Registration Page: The registration page allows users to create an account by
signing up, and hence they can create a personalized account. It helps the
company to know the visitor and provide personalized offers and deals to
them.
Contacts Page: This is a simple page made for the visitors to contact the
website owner. For any issue or any feedback, users can use this page.
Landing Page: This is one of the special types of a Web page used as a core
part of a website or as an individual page. The main aim of creating this page
is to convert the visitors into the lead. It represents clear and focused content
on a specific goal.
How to Create a Simple Webpage?
Creating a simple webpage is very easy; anyone with basic knowledge of
computers and HTML can create it. But before creating a webpage, you
should be aware of the below points:
A simple webpage can be created using HTML code only. Such pages are
simple but not interactive and have very few functionalities.
To make your webpage interactive and add functionality, you need to learn
and use scripting languages, such as PHP, Python, etc.
A web page can also be created using Notepad, but it is recommended to use
IDEs for advanced uses such as Atom, Sublime Text editor, PyCharm,
Follow the below steps to create your webpage:
Note: This webpage is local to your machine only, and only you can see this
on your browser. To view this on the internet, you need to first publish it.
After creating the page, you can also make changes in your file through the
editor. Just make the change, save the file again, and reload the page; those
changes will appear on the screen.
Next TopicWelding
← prevnext →
Latest Courses
Logo
homeHome
python Python
java Java
javascript JavaScript
htmlHTML
sql SQL
php PHP
c# C#
c++ C++
data structures DS
aptitude Aptitude
reasoning Reasoning
selenium Selenium
dbms DBMS
cC
android Andriod
interview questions Interview Q
← prevnext →
Protocol in Computer Network
Introduction
An approved set of rules that control data transmission across various
networked devices is known as a network protocol. These set of rules specify
the data’s transmission, reception, and processing steps and make sure that
devices can comprehend and analyze the data they share. It makes it
possible for connected devices to interact with one another despite internal
and structural differences.
ADVERTISEMENT
Significance of Protocols in Enabling Communication
The following major points highlight their significance:
1. Communication Protocols
The foundation of data transmission and information flow in computer
networks is communication protocols. To ensure seamless and dependable
communication, they specify the policies and norms defining how data is
formatted, sent, and received between devices.
These protocols formally lay out the guidelines and file types used for data
transmission. Syntax, semantics, error detection, synchronization, and
authentication are all handled by these protocols.
ADVERTISEMENT
Here are some prominent communication protocols:
These protocols protect the data as it travels over a network. These protocols
also define the network’s data security measures against unauthorized
attempts to access or review data. These protocols ensure that all approved
hardware, software, or services can access network data. These protocols
primarily rely on encryption to protect data.
SSL/TLS:
This layer is the fundamental building block for local network communication
by utilizing specialized protocols like Ethernet and ARP (Address Resolution
Protocol) to enable effective data packaging and transfer.
The Network Layer, commonly called the Internet Layer, is crucial in ensuring
that data packets are routed across connected networks and arrive at their
intended locations.
This layer handles the difficult task of ensuring data packets take the right
path through various routers and networks.
The Internet Layer’s primary protocol for addressing, routing, and forwarding
data packets is the Internet Protocol (IP), which includes IPv4 and IPv6.
3. Transport Layer
Its main goals are to make sure that data is delivered reliably, to find and fix
any transmission problems that might happen, and to control data flow to
avoid congestion.
The Transmission Control Protocol (TCP), which is renowned for its
dependability and connection-oriented communication, and the User
Datagram Protocol (UDP), which is favoured for its connectionless
methodology and little overhead, are important transport layer protocols.
4. Application Layer
To facilitate particular tasks, various application protocols are used within the
application layer.
1. Header
Protocols use headers to include crucial metadata and details about the
transferred data. The source and destination addresses, data type, sequence
numbers, and error-checking details could all be included in the metadata.
Function: Headers are an essential part of data packets because they give the
data they contain context. They assist gadgets with appropriately interpreting
incoming data and choosing how to handle it. Headers are essential for
guaranteeing data integrity and directing data to the right location.
2. Data Packets
3. Handshaking
In many protocols, especially connection-oriented ones like TCP, handshaking
is a step in the process.
They offer a solid basis that simplifies development complexity and enables
networks to scale effectively. Their thorough testing ensures resilience and
makes flawless communication possible everywhere, improving global
connectivity. Standardized protocols that support interoperability, scalability,
stability, and worldwide connectivity are essentially the foundations of
contemporary networking.
Standardization Organizations:
IETF (Internet Engineering Task Force): The IETF is a well-known group in
charge of creating and upholding Internet-related standards. It concentrates
on several subjects, including networking, security, and protocols. Experts
from all over the world participate in the IETF’s open and collaborative
process to develop and improve standards like TCP/IP.
IEEE (Institute of Electrical and Electronics Engineers): Dedicated to
developing technology, IEEE (Institute of Electrical and Electronics Engineers)
is a multinational organization. In electrical and electronics engineering, in
particular, it is crucial to develop standards. IEEE standards cover networking
aspects, such as Ethernet (IEEE 802.3) and Wi-Fi (IEEE 802.11).
ISO (International Organization for Standardization): Information technology is
one of the fields for which ISO produces worldwide standards. Despite not
being specifically about networking, ISO standards can impact the protocols
and practices used in networks.
W3C (World Wide Web Consortium): The (W3C) is an organization that works
on online-related standards, such as HTML, CSS, and web accessibility.
These guidelines guarantee that users of various platforms and devices will
have an accessible and uniform web experience.
Wireless Protocols (in Communication)
Wireless communication protocols have revolutionized how we connect and
communicate in the digital age. Cellular specifications, including 3
Simple Mail Transfer Protocol (SMTP) is an internet standard for sending and
receiving emails. It’s used by email clients and servers to deliver messages to
and from mail servers.
Simplicity
Gopher is a simple protocol that some users prefer over more complex
protocols.
Plain text
All information sent and received over Gopher is in plain text, which makes it
susceptible to interception and modification.
Browser support
Not all browsers support Gopher, or have incomplete support.
Gopher was a competitor to the World Wide Web in the 1990s, but HTTP
eventually took over as the dominant protocol. However, there is still a
community of Gopher users who prefer its simplicity.
What is Telnet?
Telnet is a network protocol used to virtually access a computer and provide a
two-way, collaborative and text-based communication channel between two
machines.
telnet the.libraryat.whatis.edu
The result of this request would be an invitation to log on with a user ID, and
the program would prompt the user for a password. If the computer accepts
the user, it grants them access to the remote host.
Example:
A sender using an Apple email client with a Gmail server can send an email to
another user using a Zoho mail server on an Outlook email client. This is
possible because the servers and the email clients follow the rules and
standards defined by the email protocols.
In the case of email, the sender, recipients, and servers involved can all be
different but then they need to receive the data, decipher the content and
render it in the same way the sender has sent it. Email protocols define how
the email message has to be encoded, how it needs to be sent, received,
rendered, and so on, and hence they are essential. While email protocols
make the process behind emails a bit complex, the protocols ensure that
email is a standard, reliable, and universal mode of communication.
POP Protocol
POP stands for Post Office Protocol. Email clients use the POP protocol
support in the server to download the emails. This is primarily a one-way
protocol and does not sync back the emails to the server.
IMAP Protocol
IMAP stands for Internet Message Access Protocol. IMAP Protocol is used to
sync the emails in the server with the email clients. It allows two-way sync of
emails between the server and the email client, while the emails are stored on
the server.
SMTP Protocol
SMTP stands for Simple Mail Transfer Protocol. SMTP is the principal email
protocol that is responsible for the transfer of emails between email clients
and email servers.
Email clients use transfer protocol – the SMTP protocol to transfer/ send
emails through the server. These protocols are quintessential to ensure that
users have the independence to use the email application of their choice, on
their own devices. Email clients depend on these protocols to send/ receive
emails using a user account that is created in an email server.
Trivial File Transfer Protocol (TFTP) is a simple, internet-standard protocol for
transferring files between computers and servers:
How it works
TFTP is a lockstep protocol that allows a client to send or receive a file from a
remote host. It uses the connectionless datagram delivery service (UDP).
Features
TFTP is faster than some other protocols, but it’s also less secure. It’s
generally used for transferring small files.
To copy a file from a remote host using TFTP, you must have read permission
for the directory that contains the file. To copy a file to a remote host, you
must have write permission for the directory where the file is to be placed.
Reduce manual monitoring: SNMP can reduce the need for manual
monitoring of individual network components.
Identify growth needs: SNMP can help identify when and where a network
might need to grow.
NMS
This is a centralized console that receives information from the SNMP agents.
The NMS can request updates from the agents at regular intervals.
SNMP manager
This is an entity that receives data from the SNMP agents. A user can install a
SNMP v3 manager program to view SNMP notifications.
HTTP utilizes specific request methods in order to perform various tasks. All
HTTP servers use the GET and HEAD methods, but not all support the rest of
these request methods:
Search articles…
SQL
HTML
CSS
Javascript
Python
Java
C
C++
PHP
Scala
C#
Tailwind CSS
Node.js
MySQL
MongoDB
PL/SQL
Swift
Bootstrap
R
Machine Learning
Blockchain
Angular
React Native
Computer Fundamentals
Compiler Design
Operating System
Data Structure and Algorithms
Computer Network
DBMS
Excel
In client server computing, the clients requests a resource and the server
provides that resource. A server may serve multiple clients at the same time
while a client is in contact with only one server. Both the client and server
usually communicate via a computer network but sometimes they may reside
in the same system.
The client server computing works with a system of request and response.
The client sends a request to the server and the server responds with the
desired information.
The client and server should follow a common communication protocol so
they can easily interact with each other. All the communication protocols are
available at the application layer.
A server can only accommodate a limited number of client requests at a time.
So it uses a system based to priority to respond to the requests.
Denial of Service attacks hindera servers ability to respond to authentic client
requests by inundating it with false requests.
An example of a client server computing system is a web server. It returns the
web pages to the clients that requested them.
Ezoic
Difference between Client Server Computing and Peer to Peer Computing
The major differences between client server computing and peer to peer
computing are as follows:
In client server computing, a server is a central node that services many client
nodes. On the other hand, in a peer to peer system, the nodes collectively use
their resources and communicate with each other.
In client server computing the server is the one that communicates with the
other nodes. In peer to peer to computing, all the nodes are equal and share
data with each other directly.
Client Server computing is believed to be a subcategory of the peer to peer
computing.
Explore our latest online courses and learn new skills at your own pace. Enroll
and become a certified expert to boost your career.
All the required data is concentrated in a single place i.e. the server. So it is
easy to protect the data and provide authorisation and authentication.
The server need not be located physically close to the clients. Yet the data
can be accessed efficiently.
It is easy to replace, upgrade or relocate the nodes in the client server model
because all the nodes are independent and request data only from the server.
All the nodes i.e clients and server may not be build on similar platforms yet
they can easily facilitate the transfer of data.
Ezoic
Disadvantages of Client Server Computing
The different disadvantages of client server computing are –
If all the clients simultaneously request data from the server, it may get
overloaded. This may lead to congestion in the network.
If the server fails for any reason, then none of the requests of the clients can
be fulfilled. This leads of failure of the client server network.
The cost of setting and maintaining a client server model are quite high.