Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
6 views

HTML-Notes for 11

HTML (Hyper Text Markup Language) is the foundational coding language for designing webpages, utilizing a set of tags to structure and present content. It allows for text formatting, image inclusion, hyperlink creation, and multimedia embedding, making it versatile across platforms. The document also distinguishes between web publishing and web hosting, and provides detailed information on HTML syntax, elements, attributes, and various tags for formatting and structuring content.

Uploaded by

anoopagrahari022
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

HTML-Notes for 11

HTML (Hyper Text Markup Language) is the foundational coding language for designing webpages, utilizing a set of tags to structure and present content. It allows for text formatting, image inclusion, hyperlink creation, and multimedia embedding, making it versatile across platforms. The document also distinguishes between web publishing and web hosting, and provides detailed information on HTML syntax, elements, attributes, and various tags for formatting and structuring content.

Uploaded by

anoopagrahari022
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

Webpage Designing (HTML)

Hyper Text Markup Language (HTML) is the fundamental building block of the Web. HTML, developed
by Tim Berners Lee, is the coding language used to design Webpages and create interlinked documents.
HTML can be defined as a set of tags (markup) that are used to define the web browser how to present
the information in the webpage. HTML stands for Hyper Text Markup Language. A markup language is
a set of markup tags. You can write your HTML by hand with almost any available text editor, including
notepad that comes as a standard program with Windows. All you need to do is type code, then save the
document, making sure to put an .html extension or .htm extension to the file (for example
"myfirst.html").

Features of HTML
 HTML provides tags that help display text in the form of tables to add clarity and readability to a
webpage.
 HTML can be used to display any type of document.
 HTML provides tags that help in changing font shape, font size and color of the text of a webpage.
 HTML provides a variety of formatting styles for web documents.
 HTML allows images to be included in a Webpage.
 HTML provides hyperlinks to connect different Webpages with one another. Hyperlinks can be
created using text, graphics and even images.
 HTML provides features to facilitate navigation.
 HTML is versatile language and can be used in any Platform (Macintosh, UNIX, and Windows).
 HTML provides tags to embed videos and audios to the webpage.
 HTML is not case sensitive language; we can use upper case, lower case or mix.
 HTML is important as the base language that CSS, JavaScript, PHP are using this language.
 HTML makes text attractive.

Web Publishing: It is actually the activity of making the websites, this includes the designing, content
addition, database adding etc. Everything related to 'Making" a website is web publishing.
Web Hosting: Web Hosting service is a type of Internet hosting service that allows individuals and
organizations to make their own website accessible via the World Wide Web. Web hosts are companies
that provide space on a server they own or lease for use by their clients as well as providing Internet
connectivity, typically in a data center.

Difference between web publishing and web hosting:


Web Publishing Web Hosting
It is the process of publishing or uploading original It is a process of using server to host website.
content on internet.
Its process includes uploading files, updating Its process includes providing space in server to
webpages, post blogs, posting content to webpages, store webpages, make it available for viewing
etc. online, etc.
It makes website available to view on your domain. It provides space in internet for website.
It provides ready-made themes to develop website. It does not come with pre-made website.
Its main aim is to communicate ideas and concepts Its main aim is to provide storage space for
between people. website or application on server on internet.
HTML Tags: HTML tags are commands written between less than (<) and greater than (>) signs. These are
also known as angle brackets. There are opening and closing versions for many tags and the affected text
is contained within the two tags. Both the opening and closing tag use the same command word but the
closing tag carries an initial extra forward slash symbol (/).
HTML Element: HTML elements are written with a start tag, with an end tag, with the content in
between.
Syntax: <tag name>content</tag name>
Example: <p> My first HTML paragraph. </p>

HTML Attributes: The additional information which is provided with the starting tag, such information
is called an attribute. Attributes usually consist of two parts:
 Attribute name
 Attribute value
Example: <body bgcolor=”green”>
Here, body is a tag, bgcolor is an attribute name and green is an attribute value.

Types of HTML Tags:


1. Singular / Empty tag: Those tag which have only starting tag but no ending tag and do not enclose
any content is called singular / empty tag. Example: <br>, <hr>, <img>, <!>.
2. Paired / Container tag: Those tag which have both starting tag and ending tag are called paired /
container tag. Example: <body>, <html>, <b>, <p>, etc.

Comment tag: HTML has a mechanism for embedding comments that are not displayed when the page is
rendered in a browser. This is useful for explaining a section of markup, leaving notes for other people
who might work on the page. HTML comments are enclosed in symbols as follows:
Example: <!-- This is comment text -->

The head is used for text and tags that do not show directly on the page. The <head> tag contains <title>
tags. The <title> and </title> tags encapsulate the title of your page. The title is what shows in the top of
your browser window when the page is loaded. The body is used for text and tags that are shown directly
on the page. It comes after <head> tag. The attribute of body tag affects the whole documents. Finally, all
webpage have an <html> tag at the beginning and the end, telling the browser where the document starts
and where it stops.

Standard 16 colors name: Black, Yellow, Red, Maroon, Gray, Lime, Green, Olive, Silver, Aqua, Blue, Navy,
White, Fuchsia, Purple, and Teal.

Here is the example to set background of an HTML tag by color name:


<html>
<head><title>HTML Colors by Name</title></head>
<body text="blue" bgcolor="green">
<p>Use different color names for body and table and see the result.</p>
<table bgcolor="black">
<tr><td><font color="white">This text will appear white on black background.</font></td>
</tr></table>
</body>
</html>
Heading Tags: You can use different sizes for your headings. HTML has six levels of headings, which use
the elements <h1>, <h2>, <h3>, <h4>, <h5> and <h6>.
Example:
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

HTML Fonts: Fonts play very important role in making a website more user friendly and increasing
content readability. You can use HTML <font>tag to add style, size, and color to the text on your website.
The font tag is having three attributes called size, color, and face to customize your fonts.
Set Font Size: You can set content font size using size attribute. The range of accepted values is from
1(smallest) to 7(largest). The default size of a font is 3.
Setting Font Face
You can set font face using face attribute but be aware that if the user viewing the page doesn't have the
font installed, they will not be able to see it. Instead user will see the default font face applicable to the
user's computer.
Setting Font Color
You can set any font color you like using color attribute. You can specify the color that you want by either
the color name or hexadecimal code for that color.
Example:
<html>
<head>
<title>using font size, face and color</title>
</head>
<body>
<font face="Times New Roman" size="5" color= “red”>Times New Roman</font><br>
<font face="Verdana" size="5" color= “yellow”>Verdana</font><br>
<font face="Comic sans MS" size="5" color= “blue”>Comic Sans MS</font><br>
<font face="WildWest" size="5" color= “green”>WildWest</font><br>
<font face="Bedrock" size="5" color= “purple”>Bedrock</font><br>
</body>
</html>

Structure of HTML program


<html>
<head>
<title>…………</title>
</head>
<body>………………….
……………………….....
………………………….
</body>
</html>

1. <!....................>: It is a comment sign which is used to give comments or any notes in HTML
document. Comment is ignored by any web browser. It help you and others understand your code
and increases code readability.
2. <HTML>…….</HTML>: This tag describes that the document is HTML document.
3. <HEAD>…….</HEAD>: This tag is used for text and tags that do not show directly on the page.
It contains<title> tag that encapsulate the title of your page.
4. <TITLE>…….</TITLE>: It shows in the top of your browser window when the page is loaded.
5. <BODY>…….</BODY>: This tag is used for text and tags that are shown directly on the page. It
displays all the contents that are needed to show.
The <body> tag has following attributes which can be used to set different colors:
 bgcolor- sets a color for the background of the page.
 text - sets a color for the body text.
 alink - sets a color for active links or selected links.
 link - sets a color for linked text.
 vlink - sets a color for visited links - that is, for linked text that you have already clicked on.

Example: <html>
<head>
<title>page</title>
</head>
<body link="red" alink="purple" vlink="green">
<a href="a.html">Demo1</a>
<a href="b.html">Demo2</a>
<a href="c.html">Demo3</a>
<a href="d.html">Demo4</a>
</body>
</html>

Paragraph tag <p>: This tag allows you to start new paragraph in HTML document.

Breakline tag <br>: This tag allows you to break the line in HTML document.

Formatting tags:
1. <B>……..</B>: This tag is used to bold the text.
2. <I>……..</I>: This tag is used to make the text italicized.
3. <U>…….</U>: This tag is used to make the text underline.
4. <STRIKE>……..</STRIKE>: This tag is used to display a thin line from the middle of the text.
5. <SUP>…….</SUP>: This tag is used to display the text just above the normal text.
6. <SUB>…….</SUB>: This tag is used to display the text just below the normal text.
7. <BIG>…….</BIG>: This tag is used to display the text one font size larger than the normal text.
8. <SMALL>…..</SMALL>: This tag is used to display the text one font size smaller than the normal
text.

Example:
<!—about formatting tag-->
<html>
<head>
<title>my second html program</title>
</head>
<body bgcolor="olive">
<p>The following word uses a <b>bold</b> typeface. </p>
<p>The following word uses a <i>italicized</i> typeface. </p>
<p>The following word uses a <u>underlined</u> typeface. </p>
<p>The following word uses a <strike>strikethrough</strike> typeface. </p>
<p>The following word uses a <sup>superscript</sup> typeface. </p>
<p>The following word uses a <sub>subscript</sub> typeface. </p>
<p>The following word uses a <big>big</big> typeface. </p>
<p>The following word uses a <small>small</small> typeface. </p>
</body></html>

List: You can create different types lists such as: plain list, numbered list or bulleted list as well as list of
definitions.
1. HTML ordered list: If you are required to put your items in a numbered list then HTML ordered
list will be used. This list is created by using <OL>tag. The numbering starts at 1 and is incremented
by one for each successive ordered list element tagged with <li>. This tag uses two types of
attributes i.e. type and start.
In this ordered list, we can use various types like 1, I, i, a, A. By default, it accepts 1 as a type.
Examples:
<html>
<head>
<title> Ordered List</title>
</head>
<body>
<OL type=”1” start=”1”>
<LI>Mango</LI>
<LI>Apple</LI></OL>
<OL type=”I” start=”3”>
<LI>Grapes</LI>
<LI>Banana</LI></OL>
<OL type=”i" start=”5”>
<LI>Orange</LI>
<LI>Pineapple</LI></OL>
<OL type=”a” start=”7”>
<LI>Papaya</LI>
<LI>Strawberry</LI></OL>
<OL type=”A” start=”9”>
<LI>Pear</LI>
<LI>Pomegranate</LI>
</OL>
</body>
</html>
2. HTML Unordered List: An unordered list is a collection of related items that have no special order
or sequence. This list is created by using HTML <UL>tag. Each item in the list is marked with a
bullet. We can use three types of symbols i.e. Disc, Circle, Square.
Examples:
<html>
<head>
<title> Unordered List</title>
</head>
<body>
<UL type=”Disc”>
<LI>Mango</LI>
<LI>Apple</LI></UL>
<UL type=”Circle”>
<LI>Grapes</LI>
<LI>Banana</LI></UL>
<UL type=”Square”>
<LI>Orange</LI>
<LI>Pineapple</LI></UL>
</body>
</html>
Creating Hyperlink: Links are the most fundamental part of the WWW. A link connects another HTML
file. Hyperlink are those link which allows the user to switch between the pages when required. To create
a link in HTML page, <A> …… </A> tag is used. <A> tag is often called anchor tag. <A> tag tells where
the link should start and </A> indicates where the link ends. We can create hyperlink in this way:
Example: <a href=“http://www.google.com”>Click here to search anything</a>

Types of hyperlink:
1. Internal link (current page): The link within the same document is called internal link. It is created
by using anchor element having tag <A Name>. <A Name> is used to define marking for hyperlinks
within a single page.
Example:
<html>
<head>
<title>internal link</title>
</head>
<body>
<h1 align="center"><a name="ram">janakpur</a></h1>
<p>janakpur is the birth place of janaki or sita, wife of ram chandra. It is
…………………………………………………... </p>
<a href="#ram">
<h2>the epic ramayan</h2></a>
<p>ramayan is the story of…………………</p>
</body></html>
2. Links to other pages within the current site (Local)
Example:
<html>
<head><title>local link</title></head>
<body>
<p> this is the link established </p>
<br>
<a href=”test.html”>test</a><br>
</body></html>

3. Links to pages outside the current site (Global).


Example:
<html>
<head><title>external link</title></head>
<body><a href="http://www.yahoo.com">Click Here</a> to go to yahoo.
</body></html>

Insert Images and Objects: You can insert any image in your web page by using <img>tag. Web pages
contain the text, pictures, graphics, tables, links within the document, email link, hyper link, etc. The
most common images that can be easily inserted in the web page are the GIF and JPEG formats. Following
is the simple syntax to use this tag. You can set image width and height based on your requirement using
width and height attributes. You can specify width and height of the image in terms of either pixels or
percentage of its actual size.
Syntax: <img src="Image URL ... attributes-list” width=“value” height=“value”>
The <img> tag is an empty tag, which means that it can contain only list of attributes and it has no closing
tag.
Example:
<html>
<head>
<title>Using Image in Webpage</title></head>
<body>
<p>Simple Image Insert</p>
<img src="C:\Users\Users\Desktop\hello.jpg">
</body>
</html>
Creating Table in HTML
The HTML tables are created using the <table>tag in which the <tr>tag is used to create table rows and
<td>tag is used to create data cells. <Table> tag uses three tags inside it. They are <TR>, <TH> and <TD>
tag. <TH> tag is used to put heading of the column. <TR> tag is used to create table rows. <TD> tag is used
to create data cells.
<TABLE> tag uses various attributes like cellpadding, cellspacing, colspan, rowspan, bgcolor, background,
bordercolor, height, width.
Cellpadding attribute is used to adjust the white space in your table cells. It represents the distance
between cell borders and the content within a cell.
Cellspacing attribute defines the width of the border.
Colspan is used to merge two or more columns into a single column.
Rowspan is used to merge two or more rows into a single rows.
Bgcolor is used to set background color for whole table or just for one cell.
Background is used to set background image for whole table or just for one cell.
Bordercolor is used to set bordercolor for table.
Height is used to set the height of the table.
Width is used to set the width of the table.
Creating Form: A form is simply an area that can contain form fields. Form fields are objects that allow
the visitor to enter information - for example text boxes, drop-down menus or radio buttons. HTML
Forms are required when you want to collect some data from the site visitor. For example during user
registration you would like to collect information such as name, email address, credit card, etc. When the
visitor clicks a submit button, the content of the form is usually sent to a program that runs on the server.
There are various form elements available like text fields, text area fields, drop-down menus, radio
buttons, checkboxes, etc. The HTML <form>tag is used to create an HTML form and it has following
syntax:
<form action="Script URL" method="GET|POST">
form elements like input, text area etc.
</form>

HTML Form Controls


There are different types of form controls that you can use to collect data using HTML form:
1. Text Input Controls
2. Checkboxes Controls
3. Radio Box Controls
4. Select Box Controls
5. File Select boxes
6. Clickable Buttons
7. Submit and Reset Button

1. Text Input Controls:


There are three types of text input used on forms:
 Single-line text input controls - This control is used for items that require only one line of user
input, such as search boxes or names. They are created using HTML <input>tag.
Example: <form>
First name: <input type="text" name="first name">
<br>
Last name: <input type="text" name="last name">
</form>
Attributes
Following is the list of attributes for <input> tag for creating text field.
Type: Indicates the type of input control and for text input control it will be set to text.
Name: Used to give a name to the control which is sent to the server to be recognized and get the value.
Value: This can be used to provide an initial value inside the control.
Size: Allows to specify the width of the text-input control in terms of characters.
maxlength: Allows to specify the maximum number of characters a user can enter into the text box.
 Password input controls - This is also a single-line text input but it marks the character as soon as
a user enters it. They are also created using HTML<input> tag.
Example: <form>
User ID : <input type="text" name="user_id">
<br>
Password: <input type="password" name="password">
</form>
 Multi-line text input controls - This is used when the user is required to give details that may be
longer than a single sentence. Multi-line input controls are created using HTML <textarea>tag.
Example: <form>
Description :<br>
<textarea rows="5" cols="50" name="description"> Enter description here...
</textarea></form>
Attributes
Following is the list of attributes for <textarea> tag.
Name: Used to give a name to the control which is sent to the server to be recognized and get the value.
Rows: Indicates the number of rows of text area box.
Cols: Indicates the number of columns of text area box

2. Checkboxes Controls: Checkboxes are used when more than one option is required to be selected.
They are also created using HTML <input> tag but type attribute is set to checkbox.
Example: <form>
<input type="checkbox" name="maths" value="on">Maths
<input type="checkbox" name="physics" value="on"> Physics
</form>

3. Radio Button Controls: Radio buttons are used when out of many options, just one option is
required to be selected. They are also created using HTML <input> tag but type attribute is set to
radio.
Example: <form>
<input type="radio" name="subject" value="maths">Maths
<input type="radio" name="subject" value="physics"> Physics
</form>

4. Select Box Controls: A select box, also called drop down box which provides option to list down
various options in the form of drop down list, from where a user can select one or more options.
Example: <form>
<select size=”1”>
Or
<select name="dropdown">
<option value="Maths">Maths</option>
<option value="Physics">Physics</option>
</select>
</form>

5. File Select Boxes: If you want to allow a user to upload a file to your web site, you will need to use
a file upload box, also known as a file select box. This is also created using the <input> element but
type attribute is set to file.
Example: <form>
<input type="file" name="file upload" accept="image/*">
</form>

6. Clickable Buttons: There are various ways in HTML to create clickable buttons. You can also create
a clickable button using <input> tag by setting its type attribute to button. The type attribute can
take the following values:
Example: <form>
<input type="submit" name="submit" value="Submit">
<input type="reset" name="reset" value="Reset">
<input type="button" name="ok" value="OK">
</form>

Frame: Frames can divide the screen into separate windows. Each of these windows can contain an HTML
document. A file that specifies how the screen is divided into frames is called a frameset. The <frameset>
tag defines frame which has attribute rows and cols. The rows and cols define row and column of frame
with respect to the window. The <frame> tag define to insert the html file with src attribute. The
important point is that <frameset> does not contain <body> tag.
The HTML for the above frameset:
<html>
<head>
<title>My Frames Page</title>
</head>
<frameset cols="120,*">
<frame src="menupage.htm">
<frameset rows="*,50">
<frame src="welcomepage.htm">
<frame src="bottombanner.htm">
</frameset></frameset>
</html>

Web Hosting
Web hosting services allow you to publish your website on the Internet. Web hosting providers store
your website data on their servers and sends that information to your visitors’ web browsers when they
type in your domain name into the address bar. Beginner-friendly tools are provided for all users, so you
can manage your website with little to no technical skills. Most hosting providers provide customer
support, server maintenance, auto-installers, and website builders to help you manage your website more
easily.

Types of Website Hosting:


We’ve learned about web hosting, now let us explore what types of hosting there are.
1. Hostinger: Hostinger offers various hosting plans that are suitable for anyone who wants to create
a website - be it a travel blog or company site. Here’s a quick overview:
2. Shared hosting: Shared hosting is where multiple websites share the same physical server and have
a set amount of storage and resources. It’s the cheapest option out of all and is perfect for small
businesses or personal websites.
3. VPS hosting: In this case, all of the users still use the physical server but get their own dedicated
server space, which means that your website will not be affected by someone else’s actions.
4. Cloud hosting: It acts as a private virtual server made of a cluster of different servers. You’ll receive
allocated resources, a dedicated IP address, and complete control over its backend matters.
5. Word Press hosting: If you want to specifically work with WordPress, you can get a dedicated plan
for this purpose alone. It’s packed with useful features and optimization options. Word Press
hosting plans start from. If you’re just starting out, we’d highly recommend going with shared
hosting first – it’s affordable, fully managed, and easy to use. You don’t need any technical
background as every backend technicalities will be managed by the Hostinger team.
Web Development: Web programming, also known as web development, is the creation of dynamic
web applications. Examples of web applications are social networking sites like Facebook or ecommerce
sites like Amazon. There are two broad divisions of web development – front-end development (also
called client-side development) and back-end development (also called server-side development).
Front-end development refers to constructing what a user sees when they load a web application
– the content, design and how you interact with it. This is done with three codes – HTML, CSS and
JavaScript.
Back-end development controls what goes on behind the scenes of a web application. A backend
often uses a database to generate the front-end. Back-end scripts are written in many different coding
languages and frameworks, such as: PHP, Ruby on Rails, ASP.NET, Perl, Java, Node.js, Python, etc.

Search Engine: It is a kind of website through which users can search the content available on the internet.
For this purpose, users enter the desired keywords into the search field. Then the search engine looks
through its index for relevant webpages and displays them in the form of a list. Some of the popular search
engines are: Google, Bing, Yahoo, Baidu, etc.
There are three main components of search engine:
a) Crawler: It regularly scans the websites automatically for URLs, keywords, and links in order to
discover the new updates.
b) Index: The crawler continuously scans the websites, it develops an index of URLs, links and
keywords to make the search results more effective.
c) Search algorithm: It is working by searching for the index and finding for the most suitable
webpages by matching keywords that are searched by the users.

Web Browser: It is an application program that is used to retrieve and view the information from webpages
or HTML files present on the web servers. The first web browser was developed by Tim Berners Lee in
1990 and first graphical web browser was developed in 1993 which is named the Mosaic. Some of the web
browsers are: Internet Explorer, Mozilla Firefox, Google Chrome, Netscape Navigator, Opera Mini, Apple
Safari, Microsoft Edge, etc.

Difference between Search Engine and Web Browser


Search Engine Web Browser
A search engine is used to find the information in
Web Browser uses the search engine to retrieve
the World Wide Web and displays the results atand view the information from web pages present
one place. on the web servers.
Search engine is intended to gather information
Web Browsers are intended to display the web
regarding several URL’s and to maintain it. page of the current URL available at the server.
A search engine contains its own database. No database is required in Web browser. It
contains only cache memory to store cookies.
Example of famous search engines are: Google, Some of the widely used web browsers are: Mozilla
Yahoo, Bing, DuckDuckgo, Baidu, etc. Firefox, Netscape Navigator, Internet Explorer,
Google Chrome, etc.

Internet
Internet is world-wide global system of interconnected computer networks to access information over
the web. It uses the standard Transmission Control Protocol/Internet Protocol (TCP/IP). Every computer
in internet is identified by a unique IP address such as (110.22.33.114) which identifies a computer
location.
Evolution of Internet: The concept of Internet was originated in 1969. The origin of Internet devised from
the concept of Advanced Research Project Agency Network (ARPANET). ARPANET was developed by
United States Department of Defense. Basic purpose of ARPANET was to provide communication among
the various bodies of government.

Advantages of Internet:
a) It allows us to communicate with the people sitting at remote locations using various apps available
on the web like facebook, twitter, yahoo, etc.
b) One can surf for any kind of information over the internet.
c) It serves a medium for entertainment also like online television, online games, songs, videos, etc.
d) It allows us to use many services like internet banking, matrimonial services, online shopping,
online ticket booking, online bill payment, e-mail, data sharing, etc.

Disadvantages of Internet:
a) There are always chances to loose personal information such as name, address, credit card number,
etc.
b) It increases spamming activities (unwanted e-mails comes in bulk with no purpose and lead to
obstruction of entire system).
c) Virus can easily be spread to the computers connected to internet.
d) It increases pornography.

Internet Protocol: A communication protocol is a system of digital rules form data exchange within or
between computers. Some of the important protocols of internet are:
- TCP (Transmission Control Protocol)
- IP (Internet Protocol)
- UDP (User Datagram Protocol)
- HTTP (Hypertext Transfer Protocol)
- FTP (File Transfer Protocol): transfer files from one host to another host over a TCP-based
network.
- SMTP (Simple Mail Transfer Protocol): for electronic mail (e-mail) transmission across Internet
Protocol (IP) networks.

IP Address: Websites and pages over the internet have a unique worldwide address called the IP addresses
(e.g. 192.168.1.6), but a domain name (e.g. ekantipur.com) is used to refer to a website as it is easy to
remember. There are two versions of IP specification in use now: IPv4 and IPv6. IPv4 is the most widely
used version currently. An IPv4 address contains 4 parts and each part will be a number between 0 and
255, e.g. 192.168.1.6. An IPv6 address has 8 parts and each part must be a hexadecimal number between
0 and FFFF, e.g. FF3:9B3D:999:0:FF12:420:20:444D.

Web Application: A web application is any application software that runs on a server and we can access
it using a web browser client. Popular server side technologies used to create web applications include
JSP/Servlets, ASP, PHP, etc.

Web Server: A web server is software that helps to deliver web content (web pages) to the clients (e.g.
web browser) through the Internet using HTTP protocol. Some of the commonly used web servers are
Apache web server, Microsoft Internet Information Services (IIS), NginxNginx (pronounced "engine x")
and GWS (Google Web Server).
Cookies: A cookie is a small piece of data sent from a website and stored in a user's web browser while the
user is browsing that website. A cookie is also known as an HTTP cookie, web cookie, Internet cookie, or
browser cookie. A website usually uses cookies to store preference information, session identification data
or insensitive user information. A cookie is a form of temporary storage on the client side and their
integrity cannot be guaranteed. The user is free to modify them or delete them and is usually cleared
when the browser cache is cleared.

You might also like