0% found this document useful (0 votes)
504 views92 pages

BBA I P University

The document provides an introduction to HTML, explaining that webpages are written in HTML which is a scripting language. It describes some basic HTML tags like headings, paragraphs, links, images and lists. It also includes an example of a basic HTML program. Another section discusses e-commerce, describing it and providing advantages and disadvantages.

Uploaded by

Beenu Bhalla
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
504 views92 pages

BBA I P University

The document provides an introduction to HTML, explaining that webpages are written in HTML which is a scripting language. It describes some basic HTML tags like headings, paragraphs, links, images and lists. It also includes an example of a basic HTML program. Another section discusses e-commerce, describing it and providing advantages and disadvantages.

Uploaded by

Beenu Bhalla
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 92

Introduction To HTML

Webpages are written in HTML - a simple scripting language.

HTML is short for HyperText Markup Language.

 Hypertext is simply a piece of text that works as a link.


 Markup Language is a way of writing layout information within documents.

Basically an HTML document is a plain text file that contains text and nothing else.

When a browser opens an HTML file, the browser will look for HTML codes in the
text and use them to change the layout, insert images, or create links to other pages.

Since HTML documents are just text files they can be written in even the simplest text
editor.

A more popular choice is to use a special HTML editor - maybe even one that puts
focus on the visual result rather than the codes - a so-called WYSIWYG editor ("What
You See Is What You Get").

Some of the most popular HTML editors, such as FrontPage or Dreamweaver will let
you create pages more or less as you write documents in Word or whatever text editor
you're using.
However, there are some very good reasons to create your own pages - or parts of
them - by hand...

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 1


Why learn html?
It is possible to create webpages without knowing anything about the HTML source behind
the page.

There are excellent editors on the market that will take care of the HTML parts. All you need
to do is layout the page.

However, if you want to make it above average in webdesign, it is strongly recommended


that you understand these tags.

The most important benefits are:

 You can use tags the editor does not support.


 You can read the code of other people's pages, and "borrow" the cool effects.
 You can do the work yourself, when the editor simply refuses to create the effects you
want.

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 in the code, then save the document, making sure to put an .html
extension or an .htm extension to the file (for instance "mypage.html

HTML Tags
Basically, a computer sees an "A" as simply an "A" - whether it is bold, italic, big or small.

To tell the browser that an "A" should be bold we need to put a markup in front of the A.

Such a markup is called a Tag.

All HTML tags are enclosed in < and >.

Example: a piece of text as it appears on the screen.


This is an example of bold text.

HTML: the HTML for the above example:

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 2


This is an example of <b>bold</b> text.

As you can see, the start tag <b> indicates that whatever follows should be written in bold.
The corresponding end tag </b> indicates that the browser should stop writing text in bold

Write and explain a basic html programme


All HTML documents must start with a document type declaration: <!DOCTYPE html>.The
HTML document itself begins with <html> and ends with </html>.The visible part of the
HTML document is between <body> and </body>.
Example-:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
->HTML Headings
HTML headings are defined with the <h1> to <h6> tags.<h1> defines the most important
heading. <h6> defines the least important heading: Example-:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
->HTML Paragraphs
HTML paragraphs are defined with the <p> tag:
Example-:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
->HTML Links
links are defined with the <a> tag:
Exhref="https://www.w3schools.com">This is a link</a>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 3


The link's destination is specified in the href attribute.Attributes are used to provide
additional information about HTML elements.
->HTML Images
HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as
attributes:Example-:
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
->HTML Buttons
HTML buttons are defined with the <button> tag:
Example-:
<button>Click me</button>
->HTML Lists
HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered
list) tag, followed by <li> tags (list items):
Example
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 4


E – Commerce
Electronic commerce (e-commerce) is the marketing, buying and selling of merchandise or
services over the Internet. It encompasses the entire scope of online product and service sales
from start to finish. E-commerce tools include computer platforms, applications, solutions,
servers and various software formats manufactured by e-commerce service providers and
purchased by merchants to increase online sales.

E-commerce facilitates the growth of online business. It is categorized as follows:

Online marketing

Online advertising

Online sales

Product delivery

Product service

Online billing

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 5


Online payments

Advantages of e-commerce
The main advantage of e-commerce is its ability to reach a global market, without
necessarily implying a large financial investment. The limits of this type of commerce are
not defined geographically, which allows consumers to make a global choice, obtain the
necessary information and compare offers from all potential suppliers, regardless of their
locations.

By allowing direct interaction with the final consumer, e-commerce shortens the product
distribution chain, sometimes even eliminating it completely. This way, a direct channel
between the producer or service provider and the final user is created, enabling them to offer
products and services that suit the individual preferences of the target market.

E-commerce allows suppliers to be closer to their customers, resulting in increased


productivity and competitiveness for companies; as a result, the consumer is benefited with
an improvement in quality service, resulting in greater proximity, as well as a more efficient
pre and post-sales support. With these new forms of electronic commerce, consumers now
have virtual stores that are open 24 hours a day.

Cost reduction is another very important advantage normally associated with electronic
commerce. The more trivial a particular business process is, the greater the likelihood of its
success, resulting in a significant reduction of transaction costs and, of course, of the prices
charged to customers.

Disadvantages of e-commerce
The main disadvantages associated with e-commerce are the following:

Strong dependence on information and communication technologies (ICT);

Lack of legislation that adequately regulates the new e-commerce activities, both nationally
and internationally;

Market culture is averse to electronic commerce (customers cannot touch or try the
products);

The users’ loss of privacy, the loss of regions’ and countries’ cultural and economic identity;

Insecurity in the conduct of online business transactions.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 6


Scope
Electronic Commerce is more than just buying and selling products online. It also includes
the entire online process of developing, marketing, selling, delivering, servicing and paying
for products and services. India has shown tremendous growth in the E-commerce segment.
With an internet user base of over 300 million, India has third largest internet population
after US & China (see info-graphic below).

Difference between E-Commerce and

Traditional Commerce
1. Cost effective
E-commerce is very cost effective when compared to traditional commerce. In traditional
commerce, cost has to be incurred for the role of middlemen to sell the company’s product.
The cost incurred on middlemen is eliminated in ecommerce as there is a direct link between
the business and the customer. The total overhead cost required to run ebusiness is
comparatively less, compared to traditional business. For example, in running an e-business,
only a head office is required. Whereas in traditional method, a head office with several
branches are required to cater to the needs ofcustomers situated in different places. The cost

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 7


incurred on labour, maintenance, office rent can be substituted by hosting a website in e-
business method.

2. Time saving
It takes a lot of time to complete a transaction in traditional commerce. E-commerce saves a
lot of valuable time for both the consumers and business. A product can be ordered and the
transaction can be completed in few minutes through internet.

3. Convenience
E-commerce provides convenience to both the customers and the business. Customers can
browse through a whole directories of catalogues, compare prices between products and
choose a desired product any time and anywhere in the world without any necessity to move
away from their home or work place.

E-commerce provides better connectivity for its prospective and potential customers as the
organization’s website can be accessed virtually from anywhere, any time through internet. It
is not necessary to move away from their work place or home to locate and purchase a
desired product.

4. Geographical accessibility
In traditional commerce, it may be easy to expand the size of the market from regional to
national level. Business organizations have to incur a lot of expenses on investment to enter
international market. In e-commerce it is easy to expand the size of the market from regional
to international level.

By hosting a website, by placing advertisements on the internet and satisfying certain legal
norms, a business can penetrate into global market. It is quite easy to attract customers from
global markets at a marginal cost.

5. Introduction of new products


In traditional commerce, it takes a lot of time and money to introduce a new product and
analyze the response of the customers. Initially, cost has to be incurred to carry out pilot
surveys to understand the taste of the customers.

In e-commerce, it is easy to introduce a product on the website and get the immediate
feedback of the customers. Based on the response, the products can be redefined and
modified for a successful launch.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 8


6. Profit
E-commerce helps to increase the sales of the organization. It helps the organization to
enjoy greater profits by increasing sales, cutting cost and streamlining operating processes.

The cost incurred on the middlemen, overhead, inventory and limited sales pulls down the
profit of the organization in traditional commerce.

7. Physical inspection
E-commerce does not allow physical inspection of goods. In purchasing goods in e-
commerce, customers have to rely on electronic images whereas in traditional commerce, it
is possible to physically inspect the goods before the purchase.

8. Time accessibility
Business is open only for a limited time in traditional commerce. Round the clock (24 x 7)
service is available in ecommerce.

9. Product suitability
E-commerce is not suitable for perishable goods and high valuable items such as jewellery
and antiques. It is mostly suitable for purchasing tickets, books, music and software.
Traditional commerce is suitable for perishables and touch and feel items. Purchasing
software, music in traditional commerce may appear expensive,

10. Human resource


To operate in electronic environment, an organization requires technically qualified staff
with an aptitude to update themselves in the ever changing world. E-business has difficulty
in recruiting and retaining talented people.

Traditional commerce does not have such problems associated with human resource in non
electronic environment.

11. Customer interaction


In traditional commerce, the interaction between the business and the consumer is a “face-
to-face”.

In electronic commerce, the interaction between the business and the consumer is “screen-to-
face”. Since there is no personal touch in e-business, companies need to have intimate
relationship with customers to win over their loyalty.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 9


12. Process
There is an automated processing of business transactions in electronic commerce. It helps to
minimize the clerical errors.

There is manual processing of business transactions in traditional commerce. There are


chances of clerical errors to occur as human intervention takes place.

13. Business relationship


The business relationship in traditional commerce is vertical or linear, whereas in electronic
commerce the business relationship is characterized by end-to-end.

14. Fraud
Lot of cyber frauds take place in electronic commerce transactions. People generally fear to
give credit card information. Lack of physical presence in markets andunclear legal issues
give loopholes for frauds to take place in e-business transactions.

Fraud in traditional commerce is comparatively less as there is personal interaction between


the buyer and the seller.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 10


Various security issues faced by Indian
industries due to E-Commerce
The E-Commerce industry in India is growing at a remarkable pace due to high penetration
of internet and sophisticated electronic devices. However, the recent growth rate of E-
Commerce in India is far lagging behind than other developed countries. There are many
big problems and challenged on the way of an online merchant. Factors like safety and
security of online money transaction being the biggest problem along with others, have curb
the smooth expansion of the online industry in the country.
Although, major portion of e-business sectors have affected by the below mentioned
challenges but still there are few online giants like Makemytrip.com, flipkart.com,
Snapdeal.com who have overcome the challenges and represents the perfect growth trends of
E-Commerce in India.

 Poor Knowledge and Awareness: When it comes to ratio of internet consumers, scenario
is not so admirable one. Majority of Indian rural population are unaware of internet and it
uses. Surprisingly, most of internet savvies or urban population are also suffering from
poor knowledge on online business and its functionalities. Very few are aware of the
online corruption and fraud and thus darkness still exists. A reliable survey reveals that
50% of Indian online users are unaware of the solution of online security.
 Online Transaction: Most of Indian customers do not possess plastic money, credit card,
debit card and net banking system, which is one of the prime reasons to curtail the growth
of ecommerce. Nevertheless, in recent years, some of the nationalized banks have started
to issue debit cards to all its account holders. This is undoubtedly a positive sign for
Indian online entrepreneurs.
 Cash On Delivery: Cash on Delivery (COD) has evolved out of less penetration of credit
card in India. Most of Indian E-commerce companies are offering COD as one of mode of
payment for the buyers. 30%-50% of buyers are also taking advantage of this mode of
payment while making purchase of any product and service over internet. COD has been
introduced to counter the payment security issues of online transaction, but this mode has
been proving to be loss and expensive to the companies. It is seen that majority of the

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 11


customers denied to make the payment at the time of delivery of the product. Hence,
companies tend to lose the sale along with product transit fees. In order to curb the
problem of COD, online companies should take some judicial steps; otherwise basic logic
behind the ecommerce business will be at risk.
 Online Security : In case of start up and small business, Business owners are ignoring the
importance of authentic software due to budget constraints. They are even failing to take
the initial steps to secure and protect their online business through installation of authentic
protection services like antivirus and firewall protection, which indeed a crucial step for
successful online business players.In India, maximum number of business entrepreneurs
used unauthorized software in their server, which usually does not come with upgraded
online security. Such pirated software leaves room for virus, malwares and Trojan attacks
and it is highly risky task to make online transactions in the systems, which may disclose
or leak sensitive details of credit cards and online banking of the users. These kinds of
droopiness should be banned in Indian ecommerce sectors. Affiliation to SSL certificate
should be imposed as a mandatory action for every owner.
 Logistics and Shipment Services: In India, logistics and courier services required lots of
improvement. While, perfect and strong logistics service is one of the key reasons behind
the success of any online company, India is lagging far behind in this sector as most of the
town and small villages are still not covered under serviceable area of many of the courier
and logistic companies. Ecommerce is hampered in a big way owing to the limited
services offered by the courier service companies.
 Tax Structure: Tax rate system of Indian market is another factor for lesser growth rate
of eCommerce in India in comparison to other developed countries like USA and UK. In
those countries, tax rate is uniform for all sectors whereas tax structure of India varies
from sector to sector. This factor creates accounting problems for the Indian online
business companies.
 Fear factor: Fear of making online payment is a universal psychological factor of Indian
customers. With the spread of knowledge on online transactions and its reliability, some
percentages of customers have overlooked this fear and they are fearlessly engaging
themselves in online shopping. But still, majority of customers are not aware of online
transactions and its security. They often reluctant to disclose their credit card and bank
details and preferred to stay away from online world of shopping.
SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 12
 ‘Touch and Feel’ factors: Indian customers are more comfortable in buying products
physically. They tend to choose the product by touching the product directly. Thereby,
Indian buyers are more inclined to do ticketing and booking online in Travel sectors,
books and electronics. Companies dealing with products like apparel, handicrafts, jewelry
have to face challenges to sell their products as the buyers want to see and touch before
they buy these stuffs.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 13


HTML Code For Font Color
Input
<html>

<body>

<p style="color:red">This is a paragraph.</p>

<p style="color:blue">This is another paragraph.</p>

</body>

</html>

Output

HTML Code For Font Size

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 14


Input
<html>

<body>

<p style="font-size:30px">This is a paragraph.</p>

<p style="font-size:11px">This is another paragraph.</p>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 15


HTML Code For Unorder List
Input
<html>

<body>

<h2>An unordered HTML list</h2>

<ul>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ul>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 16


HTML Code For Order List
Input
<html>

<body>

<h2>An ordered HTML list</h2>

<ol>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 17


HTML Code to Insert an Image
Input
<html>

<body>

<h2>MOUNTAIN VIEW</h2>

<img src="pulpitrock.jpg" alt="Mountain View" width="500" height="377">

</body>

</html>

OUTPUT

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 18


HTML Code To Design Different Cell With
Different Color
Input
<html>

<head>

<style>

table, th, td {

border: 1px solid black;

</style>

</head>

<body>

<table>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td bgcolor="red">January</td>

<td bgcolor="green">Rs100</td>

</tr>

</table>

</body>

</html>
SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 19
Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 20


HTML Code To Design Different Cell With
Different Font Color, style, size
Input
<html>

<head>

<table border="1" style="font-family:Georgie, Garamond,Serif;color:blue;font-style:italic;">

<tr>

<th>Table Header</th><th>Table Header</th>

</tr>

<tr>

<td>Table cell 1</td>

<td>Table cell 2</td>

</tr>

<tr>

<td>Table cell 3</td>

<td>Table cell 4</td>

</tr>

</table>

</body>

</html>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 21


Output

Marquee Tag
Input
<html>

<head>

<style>

table, th, td {

border: 1px solid black;

</style>

</head>

<body>

<table>

<tr>

<th><marquee>Month</marquee></th>

<th><marquee>Savings</marquee></th>
SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 22
</tr>

<tr>

<td bgcolor="red">January</td>

<td bgcolor="green">Rs100</td>

</tr>

</table>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 23


Image In Table
Input
<html>

<head>

<style>

table, th, td {

border: 1px solid black;

</style>

</head>

<body>

<table>

<tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 24


<th><img src="pulpitrock.jpg" alt="Mountain View" width="50" height="37"></th>

<th><img src="forest.jpg" alt="Mountain View" width="50" height="37"></th>

</tr>

<tr>

<td><img src="river.jpg" width="50" height="37"></td>

<td><img src="desert.jpg" width="50" height="37"></td>

</tr>

</table>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 25


Rowspan & Colspan
What does colspan= do?
Allows a single table cell to span the width of more than one cell or column.

What does rowspan= do?


Allows a single table cell to span the height of more than one cell or row.

Rowspan
Input
<html>

<head>

<style>

table, th, td {

border: 1px solid black;

</style>

</head>

<body>

<table>

<tr>

<th>Month</th>

<th>Savings</th>

<th>Savings for holiday!</th>

</tr>

<tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 26


<td>January</td>

<td>Rs100</td>

<td rowspan="2">Rs50</td>

</tr>

<tr>

<td>February</td>

<td>Rs80</td>

</tr>

</table>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 27


Colspan
Input
<html>

<head>

<style>

table, th, td {

border: 1px solid black;

</style>

</head>

<body>

<table>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>Rs100</td>

</tr>

<tr>

<td>February</td>

<td>Rs80</td>

</tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 28


<tr>

<td colspan="2">Sum: Rs180</td>

</tr>

</table>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 29


HTML code to use Anchor Tag
External Link

Input
<html>

<body>

<h2>HTML Links</h2>

<p><a href="http://www.ndimdelhi.in/">Visit our college page</a></p>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 30


INTERNAL LINK

Input
<html>

<body>

<h2>REPORT</h2>

<p><a href="data.html">Savings In 2 Months</a></p>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 31


Multimedia
Multimedia comes in many different formats. It can be almost anything you can hear or
see.

Examples: Images, music, sound, videos, records, films, animations, and more.

Web pages often contain multimedia elements of different types and formats.

In this chapter you will learn about the different multimedia format.

Browser Support
The first web browsers had support for text only, limited to a single font in a single color.

Later came browsers with support for colors and fonts, and images!

Audio, video, and animation have been handled differently by the major browsers.
Different formats have been supported, and some formats require extra helper programs
(plug-ins) to work.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 32


Hopefully this will become history. HTML5 multimedia promises an easier future for
multimedia.

Multimedia Formats
Multimedia elements (like audio or video) are stored in media files.

The most common way to discover the type of a file, is to look at the file extension.

Multimedia files have formats and different extensions like: .swf, .wav, .mp3, .mp4,
.mpg, .wmv, and .avi.

Common Video Formats


MP4 is the new and upcoming format for internet video.

MP4 is recommended by YouTube.

MP4 is supported by Flash Players.

MP4 is supported by HTML5.

Formats
1. MPEG-
.mpg
.mpeg
MPEG. Developed by the Moving Pictures Expert Group. The first popular video format on
the web. Used to be supported by all browsers, but it is not supported in HTML5 (See MP4).

2. AVI-
.avi
AVI (Audio Video Interleave). Developed by Microsoft. Commonly used in video cameras
and TV hardware. Plays well on Windows computers, but not in web browsers.

3.WMV-
.wmv
WMV (Windows Media Video). Developed by Microsoft. Commonly used in video cameras
and TV hardware. Plays well on Windows computers, but not in web browsers.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 33


4.QuickTime-
.mov
QuickTime. Developed by Apple. Commonly used in video cameras and TV hardware. Plays
well on Apple computers, but not in web browsers. (See MP4)

5.RealVideo-
.rm
.ram
RealVideo. Developed by Real Media to allow video streaming with low bandwidths. It is
still used for online video and Internet TV but does not play in web browsers.

6.Flash-
.swf
.flv
Flash. Developed by Macromedia. Often requires an extra component (plug-in) to play in
web browsers.
7.Ogg-
.ogg
Theora Ogg. Developed by the Xiph.Org Foundation. Supported by HTML5.

8.WebM-
.webm
WebM. Developed by the web giants, Mozilla, Opera, Adobe, and Google. Supported by
HTML5.

9.MPEG-4-
or MP4
.mp4
MP4. Developed by the Moving Pictures Expert Group. Based on QuickTime. Commonly
used in newer video cameras and TV hardware. Supported by all HTML5 browsers.
Recommended by YouTube.

10.MIDI-
. midi

MIDI (Musical Instrument Digital Interface). Main format for all electronic music devices
like synthesizers and PC sound cards. MIDI files do not contain sound, but digital notes that

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 34


can be played by electronics. Plays well on all computers and music hardware, but not in
web browsers.

11.RealAudio-
.ram

RealAudio. Developed by Real Media to allow streaming of audio with low bandwidths.
Does not play in web browsers.

12.WMA-
. wma

WMA (Windows Media Audio). Developed by Microsoft. Commonly used in music players.
Plays well on Windows computers, but not in web browsers.

13.AAC-
.aac

AAC (Advanced Audio Coding). Developed by Apple as the default format for iTunes. Plays
well on Apple computers, but not in web browsers.

14.WAV-
.wav

WAV. Developed by IBM and Microsoft. Plays well on Windows, Macintosh, and Linux
operating systems. Supported by HTML5.

15.MP3-
.mp3

MP3 files are actually the sound part of MPEG files. MP3 is the most popular format for
music players. Combines good compression (small files) with high quality. Supported by all
browsers.

16.MP4-
.mp4

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 35


MP4 is a video format, but can also be used for audio. MP4 video is the upcoming video
format on the internet. This leads to automatic support for MP4 audio by all brows

CODING OF GGSIUP FORM


Input
<html>

<body bgcolor="SteelBlue ">

<style>

div.relative {

position:centre;

div.a {

text-align: center;

</style>

<table align='center' id = "mainTable">

<tr>

<td width='900' >

<div style='width: 900px; margin: 20px auto;'>

<div style="width: 880px; margin: 20px auto; background: #fff;">

<script type="text/javascript" src="/captchaservice/js/captchaService.js"></script>

<link rel="st

<script> function init_captcha()

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 36


captchaService.setAppId(30);

//captchaService.setImageKey('user_"<1234');

captchaService.createCaptcha("captchaHolder");

</script>

<div class="header">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="63%">&nbsp;</td><div class="relative">

<img src="22.gif" width="130" height="100" align="LEFT">

<h1><div class="a"><font color="blue"><b>Guru Gobind Singh Indraprastha


University</font></b></div></h1>

<td width="10%">&nbsp;</td>

</tr>

<tr>

<td height="0">&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td height="">&nbsp;</td>

<td class="admittest"></td></tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 37


</table>

</div>

<div class="container" style="padding: 0px;">

<div class="a"><div class="applicationhead" style="background-color: #862727;line-


height:32px;height:32px;"><font color="white"><b>GGSIPU Admission Application

Form</b></font></div>

<div style="padding: 0px 7px;">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr><td valign="top" colspan="2">

<div class="notepatch">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr><td width="36" valign="top" align="center" class="note">Note :</td>

<td width="512">

<span class="hinttext">Fill the details and click on<b> Next</b> to proceed.<br>

Use Mouse to move between fields for entry of data instead of using Tab Key.<br>

<b>Fields marked with<span class="mandatory">*</span> are mandatory.</b> <br>

<span style="color:red"><b>A candidate can apply for one exam category at a time.
Individual registrations are required to apply for different exam categories.</b><br>

<b>Once a candidate has submitted his/her details , they cannot edit the same and have to re
register in case they need to change any personal information.</b></span><br>

<b>Already Registered users can <a


href="/EForms/configuredHtml/850/55035/login.html"><b>login</b></a> here. </b><br>

<b>Click<ahref="https://cdn.digialm.com//per/g01/pub/850/EForms/image/Updated%20GG
SIPU_User%20Manual2018_15Feb.pdf" target="_blank">

<b>here</b></a> to download user manual to fill up the application form.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 38


</b></span></td></tr></tbody></table></div></td></tr>

<tr>

<td align="center" valign="top">&nbsp;</td>

<td></td></tr>

<tr>

<td colspan="2">

<div id="container-11">

<ul class="tabs-nav">

<li class="fragment-28">

<a href="#fragment-28">

<span>

<img

src="1.gif" align="absmiddle" /> General Information</span> </a></li>

<li class="fragment-29" style="display:none">

<a href="#fragment-29">

</ul>

<div id="fragment-28">

<div class="personalDetailsForm">

<table width="100%" border="0" cellspacing="0" cellpadding="5">

<tbody>

<tr>

<td colspan="5" class="sectionheading">Personal Information</td></tr>

<tr>

<td colspan="5"><table width="100%" height="180" cellspacing="0" cellpadding="5"

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 39


border="0">

<tbody>

<tr><td colspan="5"><table width="100%" cellspacing="2" cellpadding="2" border="0">

<tbody><!--<tr>

<td colspan="4"><br><div class="notepatch1">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr>

<td width="2%" valign="top" nowrap="nowrap" align="center" style="padding-top: 3px;"


class="note"><span>Note:</span>

</td>

<td width="98%"><span style="color:red;" class="hinttext2">

<b>Candidates applying for either MCA (Lateral Entry), M. A. (Economics), M. Phil


(English) or PG Diploma in Women's Empowerment, please select
Engineering/Professional/Medical Programmes as Exam Category.</b>

</span></td></tr></tbody></table></div></td></tr>-->

<tr>

<td>

<div class="bluebgpatch" style="line-height:24px;padding-top:6px;padding-bottom:6px;">


<table cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr>

<td align="right" height="35"><span class="mandatory">*</span>Exam Category</td>

<td><select name="txtExamType" id="txtExamType" style="width: 600px;margin-


left:10px;" class="Country_field_required" onchange="maritalStatus();"
onclick="maritalStatusonclick();">

<option value="">---Select---</option>
SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 40
<option value="Engineering/Professional/PG Diploma">Engineering/Professional/PG
Diploma</option>

<option value="Ph.D / M.Phil">Ph.D / M.Phil</option>

<option value="PGMC/SSMC/UG Medical courses/PG Ayurveda/UG


Ayurveda/B.Sc.(Yoga)/BHMS">PGMC/SSMC/UG Medical courses/PG Ayurveda/UG
Ayurveda/B.Sc.(Yoga)/BHMS</option></select>

<input type="text" name="ExamType" style="display:none"class="text_field_required"


size="110" id="ExamType" maxlength="80"onkeypress="return
onlyAlpha_forName(this,event);" readOnly="reaOnly"onpaste="return false"oncopy="return
false" /></td></tr>

<tr>

<td colspan="2" style="font-size:15px;color:red">( Refer admission brochure available at <a


href="http://ipu.ac.in" target="_blank" style="cursor:pointer;">http://ipu.ac.in</a> )</td>

</tr></tbody></table></div></td></tr>

<tr>

<td>

<div style="line-height:24px;padding-top:6px;padding-bottom:6px;" class="bluebgpatch">

<table cellspacing="1" cellpadding="1" border="0">

<tbody><tr><td colspan="4">

<table cellspacing="1" cellpadding="1" border="0"><tbody><tr>

<td height="20" colspan="2"><span class="applicantname"> <span


class="mandatory">*</span>Applicant Name </span></td></tr></tbody></table>

</td></tr>

<tr><td valign="top"><select id="txtSalute" class="Country_field_required"


name="txtSalute">

<option selected="selected" value="Mr.">Mr.</option>

<option value="Ms.">Ms.</option><option value="Mrs.">Mrs.</option><option


value="Dr.">Dr.</option>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 41


</select> <span class="information">(Title)</span></td><td><input type="text"
onkeypress="return onlyAlpha_forName(this,event);" oncopy="return false" onpaste="return
false" id="txtAppFirstName" maxlength="50" size="30" class="text_field_name"
name="txtAppFirstName"> <span class="information">(First Name)</span></td>

<td><input type="text" onkeypress="return onlyAlpha_forName(this,event);"


oncopy="return false" onpaste="return false" id="txtAppMiddleName" maxlength="50"
size="29.5" class="text_field name" name="txtAppMiddleName">

<span class="information">(Middle Name)</span></td>

<td><input type="text" onkeypress="return onlyAlpha_forName(this,event);"


oncopy="return false" onpaste="return false" id="txtAppLastName" maxlength="50"
size="29" class="text_field name" name="txtAppLastName">

<span class="information">(Surname)</span></td></tr></tbody></table></div></td></tr>

</tbody></table></td></tr></tbody></table></td></tr>

<tr><td colspan="5"></td></tr>

<tr><td width="20%" align="right" height="30">

<span class="mandatory">*</span><span>Date of Birth<br>

<span>(dd/mm/yyyy)</span></td>

<td width="32%"><select name="txtDoBDate" id="txtDoBDate" style="width: 50px"


class="Country_field_required" onchange="setDoB();">

<option selected="selected" value="01">01</option>

<option value="02">02</option>

<option value="03">03</option>

<option value="04">04</option>

<option value="05">05</option>

<option value="06">06</option>

<option value="07">07</option>

<option value="08">08</option>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 42


<option value="09">09</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option></select>

<select name="txtDoBMonth" id="txtDoBMonth" style="width: 50px"


class="Country_field_required" onchange="setDoB();">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 43


<option selected="selected" value="01">01</option>

<option value="02">02</option>

<option value="03">03</option>

<option value="04">04</option>

<option value="05">05</option>

<option value="06">06</option>

<option value="07">07</option>

<option value="08">08</option>

<option value="09">09</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option></select>

<select name="txtDoBYear" id="txtDoBYear" style="width: 73px"


class="Country_field_required"onchange="setDoB();compareDOBWith10thClassPassYear('
Date_of_Birth',this.id,'txtMonthYear1');">

<option selected="selected" value="1950">1950</option>

<option value="1951">1951</option>

<option value="1952">1952</option>

<option value="1953">1953</option>

<option value="1954">1954</option>

<option value="1955">1955</option>

<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>

<option value="1959">1959</option>

<option value="1960">1960</option>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 44


<option value="1961">1961</option>

<option value="1962">1962</option>

<option value="1963">1963</option>

<option value="1964">1964</option>

<option value="1965">1965</option>

<option value="1966">1966</option>

<option value="1967">1967</option>

<option value="1968">1968</option>

<option value="1969">1969</option>

<option value="1970">1970</option>

<option value="1971">1971</option>

<option value="1972">1972</option>

<option value="1973">1973</option>

<option value="1974">1974</option>

<option value="1975">1975</option>

<option value="1976">1976</option>

<option value="1977">1977</option>

<option value="1978">1978</option>

<option value="1979">1979</option>

<option value="1980">1980</option>

<option value="1981">1981</option>

<option value="1982">1982</option>

<option value="1983">1983</option>

<option value="1984">1984</option>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 45


<option value="1985">1985</option>

<option value="1986">1986</option>

<option value="1987">1987</option>

<option value="1988">1988</option>

<option value="1989">1989</option>

<option value="1990">1990</option>

<option value="1991">1991</option>

<option value="1992">1992</option>

<option value="1993">1993</option>

<option value="1994">1994</option>

<option value="1995">1995</option>

<option value="1996">1996</option>

<option value="1997">1997</option>

<option value="1998">1998</option>

<option value="1999">1999</option>

<option value="2000">2000</option>

<option value="2001">2001</option>

<option value="2002">2002</option>

<option value="2003">2003</option>

<option value="2004">2004</option>

<option value="2005">2005</option>

<option value="2006">2006</option>

<option value="2007">2007</option>

<option value="2008">2008</option>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 46


<option value="2009">2009</option>

<option value="2010">2010</option>

<option value="2011">2011</option>

<option value="2012">2012</option>

<option value="2013">2013</option></select>

<a class="dob_link" href="#nogo">

<input name="appDob1" type="text" class="text_field_required" id="appDob1" size="30"


maxlength="10" readonly="readOnly" style="display:none">

<img hspace="2" id="calenderdob" align="absmiddle"


onclick="showdatetimepickerddmmyyyy('appDob')"
src="/EForms/images/onlineAppForm/calendar.gif" style="display:none"></a></td>

<td width="1%" valign="top" rowspan="9">

<img width="1" height="240" src="/EForms/images/onlineAppForm/seperator.gif"></td>

<td width="20%" align="right"><span class="mandatory">*</span>Gender</td>

<td width="32%" align="left"><input type="radio"


onclick="fnSelectValue('txtAppGender',this.value);" value="Male"style="vertical-align:
middle; margin: 5px;" id="txtAppGender_R"name="txtAppGender_R" maxlength="10">
Male

<input type="radio" onclick="fnSelectValue('txtAppGender',this.value);"value="Female"


style="vertical-align: middle; margin:5px;
"id="txtAppGender_R"name="txtAppGender_R"maxlength="10">Female<inputtype="radio
"onclick="fnSelectValue('txtAppGender',this.value);"value="Transgender" style="vertical-
align: middle; margin: 5px;" id="txtAppGender_R" name="txtAppGender_R"
maxlength="10">

Transgender</td></tr>

<tr><td align="right" height="30">Father's Name

<span class="information">(As in the Matriculation Certificate)</span></td>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 47


<td valign="top"><input type="text" name="txtAppFatherName" class="text_field"
size="30" id="txtAppFatherName"maxlength="50"onkeypress="return
onlyAlpha_forName(this,event);"onpaste="return false" oncopy="return false" /></td>

<td align="right" height="30" width="20%"><span class="mandatory">*</span>Mother's

Name

<span class="information">(As in the Matriculation Certificate)</span></td>

<td height="30" valign="top">

<input type="text" name="txtAppMotherName"class="text_field_required" size="30"


id="txtAppMotherName"maxlength="50"onkeypress="return
onlyAlpha_forName(this,event);"onpaste="return false" oncopy="return false" /></td></tr>

<tr><td height="15" align="right"><span class="mandatory">*</span>Nationality</td>

<td><select onchange="javascript:fnGetDependentState();" name="txtAppNationality"


style="width: 180px" id="txtAppNationality" class="Country_field_required">

<option selected="selected" value="Indian">Indian</option>

<option value="Other">Other</option></select></td>

<td align="right"><span class="mandatory">*</span>Category</td>

<td nowrap="nowrap">

<select class="Country_field_required" tabindex="15" id="txtAppCategory"


name="txtAppCategory" style="width: 180px">

<option selected="selected" value="General">General</option>

<option value="OBC">OBC</option>

<option value="SC">SC</option>

<option value="ST">ST</option></select></td></tr>

<tr id="" style="display: "><td height="30" align="right">Adhaar Card no.</td>

<td><input type="text" maxlength="12" onkeypress="return isNumber(this,event);"


class="text_field" style="display: block" size="30"name="txtAddharNo" id="txtAddharNo"
></td>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 48


<td colspan="2"></td></tr>

<tr> <td align="right"><span class="mandatory">*</span>Religion</td>

<td> <select style="width: 180px" class="Country_field_required" tabindex="12"


id="txtReligion" name="txtReligion">

<option selected="selected" value="">---Select---</option>

<option value="Hindu">Hindu</option>

<option value="Christian">Christian</option>

<option value="Sikh">Sikh</option>

<option value="Muslim">Muslim</option>

<option value="Jain">Jain</option>

<option value="Others">Others</option>

</select></td>

<td height="30" align="right" width="20"><span class="mandatory">*</span>Physically


Handicapped</td>

<td height="30" width="32%"><input id="txtPhysicallyHandicapped_R" type="radio"


name="txtPhysicallyHandicapped_R" style="vertical-align: middle; margin: 5px;"
value="Yes" onclick="fnSelectValue('txtPhysicallyHandicapped',this.value);" /> Yes

<input id="txtPhysicallyHandicapped_R" type="radio"name="txtPhysicallyHandicapped_R"


style="vertical-align: middle; margin: 5px;" value="No" checked="checked"
onclick="fnSelectValue('txtPhysicallyHandicapped',this.value);" /> No</td> </tr>

<tr id="othercountry_div" style="display: none">

<td height="30" align="right"><span class="mandatory">*</span>Specify Nationality</td>

<td><input type="text" maxlength="50" onkeypress="return


onlyAlpha_forName(this,event);" class="text_field_required" style="display: block"
size="30" name="txtOtherCountry" id="txtOtherCountry"></td>

<td colspan="2"></td></tr>

<tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 49


<td height="30" align="right" width="20"><span class="mandatory">*</span>Region/state
from where last/qualifying exam passed</td>

<td height="30" width="32%"><input id="txtRegion_R" type="radio" name="txtRegion_R"


style="vertical-align: middle; margin: 5px;"
value="Delhi"onclick="fnSelectValue('txtRegion',this.value);" />Delhi

<input id="txtRegion_R" type="radio"name="txtRegion_R" style="vertical-align: middle;


margin: 5px;" value="Outside Delhi"onclick="fnSelectValue('txtRegion',this.value);"
/>Outside Delhi</td>

<td height="30" align="right" width="20">

<span class="mandatory">*</span>Defence</td>

<td height="30" width="32%"><inputid="txtDefence_R"type="radio"name="txtDefence_R"


style="vertical-align: middle; margin: 5px;" value="Yes"
onclick="fnSelectValue('txtDefence',this.value);" />Yes

<input id="txtDefence_R" type="radio"name="txtDefence_R"style="vertical-align: middle;


margin: 5px;" value="No"
checked="checked"onclick="fnSelectValue('txtDefence',this.value);" />No</td></tr>

<tr><td height="30" align="right" width="20"><span class="mandatory">*</span>J&K


Migrant</td>

<td height="30" width="32%">

<input id="txtJKMigrant_R" type="radio"name="txtJKMigrant_R"style="vertical-align:


middle; margin: 5px;" value="Yes"onclick="fnSelectValue('txtJKMigrant',this.value);"
/>Yes

<input id="txtJKMigrant_R" type="radio"name="txtJKMigrant_R"style="vertical-align:


middle; margin: 5px;" value="No"
checked="checked"onclick="fnSelectValue('txtJKMigrant',this.value);" />No</td>

<td align="right" height="30">Identification Mark</td>

<td><input type="text" name="txtIdentificationMark1"class="text_field" size="30"


id="txtIdentificationMark1"maxlength="50"onkeypress="return
onlyAlpha_forName(this,event);"onpaste="return false" oncopy="return false" /></td></tr>

<tr id="showMaritalStatus" style="display:none">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 50


<td align="right">Marital Status<br><font face="Mangal, serif"></font></td>

<td> <select style="width: 177px" class="Country_field" tabindex="10"


id="txtMarritalStatus" name="txtMarritalStatus">

<option selected="selected" value="">---Select---</option>

<option value="Married">Married</option>

<option value="Unmarried">Unmarried</option>

<option value="Widow">Widow</option>

<option value="Widower">Widower</option>

</select></td></tr></tbody></table></div>

<table width="100%" border="0" cellspacing="0" cellpadding="5">

<tr> <td class="sectionheading">Mailing Address</td></tr>

<tr> <td><table width="100%" height="130" border="0" cellpadding="5" cellspacing="0">

<tr><td height="" colspan="5" align="right"></td></tr>

<tr><td width="20%" align="right"><span class="mandatory">*</span>Address Line


1</td>

<td width="32%"><input type="text" name="txtAddress1"class="text_field_required"


size="30" maxlength="50" id="txtAddress1"onkeypress="return
onlyAlphaNumWithSChar(this,event);" /></td>

<td width="1%" valign="top" rowspan="4"><img


src="/EForms/images/onlineAppForm/seperator.gif" width="1" height="111" /></td>

<td width="20%" height="30" align="right">Address Line 2</td>

<td width="32%"><input type="text" name="txtAddress2"class="text_field" size="30"


maxlength="50"id="txtAddress2"onkeypress="return
onlyAlphaNumWithSChar(this,event);" /></td></tr>

<tr> <td height="30" align="right"><span class="mandatory">*</span>State</td><td>

<div id="other_txtState_div"><select style="display: none; width: 180px;"


name="State"id="State"class="Country_field_required">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 51


<option selected="selected" value="">---Select---</option>

</select> <input type="text" maxlength="50"onkeypress="return


onlyAlpha_forName(this,event);"class="text_field_required" style="display: block;"
size="30"name="txtState" id="txtState" /></div></td>

<td id="otherstate_td" style="display: none" height="30" align="right"><span


class="mandatory">*</span>Specify State</td>

<td id="otherstate1_td" style="display: none"><input type="text"


maxlength="50"onkeypress="return
onlyAlpha_forName(this,event);"class="text_field_required" style="display: block"
size="30"name="txtOtherState" id="txtOtherState"></td>

<td id="otherdistrict_td" style="display: none" height="30"align="right"><span


class="mandatory">*</span>Specify City</td>

<td id="otherdistrict1_td" style="display: none"><input type="text"


maxlength="50"onkeypress="returnonlyAlpha_forName(this,event);"class="text_field_requi
red" style="display: block" size="30"name="txtOtherDistrict" id="txtOtherDistrict"></td>

<td width="20%" height="30" align="right"><spanclass="mandatory">*</span>City</td>

<tdwidth="32%"><inputtype="text"name="txtCity"class="text_field_required"onkeypress=
"return onlyAlpha_forName(this,event);"maxlength="50"size="30"
id="txtCity"onkeypress="return onlyAlphaNumWithSChar(this,event);" oncopy="return
false"onpaste="return false"/>

<select class="Country_field_required" id="City" tabindex="40" name="City"


style="display: none; width: 177px">

<option value="0" selected="selected">---Select---</option></select>

<tr> <td height="30" align="right"><span class="mandatory">*</span>Pincode</td>

<td><input type="text" name="txtPincode"class="text_field_required" id="txtPincode"


maxlength="6"size="30" onkeypress="return isNumber(this,event);" onblur="return
validateZeros(this.id,'Pincode');"/></td>

<td colspan="2"></td>

</tr></table></td></tr></table>

<table width="100%" border="0" cellspacing="0" cellpadding="5">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 52


<tr><td class="sectionheading">

<table><tr><td>Contact Details</td>

</tr></table></td></tr>

<tr><td>

<table width="100%" border="0" cellpadding="5" cellspacing="0">

<!--<tr>

<td colspan="5" align="right"></td></tr>

--><tr>

<td width="20%" align="right"><span class="mandatory">*</span>Email Id</td>

<td width="32%"><input type="text" oncopy="return false" onpaste="return false"


onkeypress="return onlyEmail(this,event);"id="txtEmail" maxlength="30" size="30"

class="text_field_required" name="txtEmail"/></td>

<td width="1%" valign="top" rowspan="2"><img


src="/EForms/images/onlineAppForm/seperator.gif" width="1" height="95" /></td>

<td width="20%" align="right">Mobile No</td>

<td width="32%" style="vertical-align:bottom;padding-top:20px"><input type="text"


name="txtMobileCode"class="text_field" size="3" maxlength="4" id="txtMobileCode"
value="91" onkeypress="return isNumber(this,event);" onblur="return
validateZeros(this.id,'Country code of Mobile No');"/>

<input type="text" name="txtMobileNo" class="text_field"size="18" maxlength="10"


id="txtMobileNo" onpaste="return false"oncopy="return false" onkeypress="return
isNumber(this,event);" onblur="return validateMobileNo(this.id,'Mobile Number');" />

<span class="information">(Country)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Mobile

Number)</span></td></tr>

<tr><td align="right" style="vertical-align:middle;padding-bottom:20px;padding-


top:0px;">Residence No</td>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 53


<td style="padding-top:0px;"><input type="text" name="txtCode"class="text_field"size="3"
maxlength="4" id="txtCode" value="91"onkeypress="return isNumber(this,event);"
onblur="return validateZeros(this.id,'Country code of Residence No');">

<input type="text" name="txtStdCode" class="text_field" size="3"maxlength="6"


id="txtStdCode" onpaste="return false"oncopy="return false" onkeypress="return
isNumber(this,event);" onblur="return validateZeros(this.id,'STD code of Residence No');">

<input type="text" onkeypress="return isNumber(this,event);"oncopy="return false"


onpaste="return false" maxlength="8"id="txtResidenceNo" size="9"
class="text_field"name="txtResidenceNo" onblur="return validateZeros(this.id,'Residence
No');"/>

<span class="information">(Country)(Std code)&nbsp;&nbsp;(Number)</span></td>

<td colspan="2" style="padding-top:0px;"></td></tr></table></td></tr></table>

<div id="uploadOutput">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr><td class="sectionheading" >Upload your Photograph, Signature and Left Hand Thumb
Impression</td></tr>

<!--<tr>

<td height="15"></td></tr>

--><tr id="img_tr_hide2" height="40" style="display: block">

<td width="100%" valign="middle" align="left">

<h4 style="font-size:13px;color:red;"><span class="mandatory">*</span><b> Please


upload your photo, signature and left hand thumb impression</b> <a href="#nogo"

onclick="openImagePopUp('55035')"> <b>here</b> </a> .</h4></td></tr>

<tr><td>Note : Upload recent good quality passport size colour photograph failing to which
your candidature may be cancelled.

<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Do not use


any special character(such as ', &, etc) in the file names of Photograph, Signature and Left
hand thumb impression, to be uploaded.</td>
SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 54
<input type="hidden" id="txtPassword" name="txtPassword" />

<!-- <input type="text" name="txtPassword" maxlength="50" id="txtPassword" > -->

</tr></tbody></table></div>

<div class="butonhldr"><table width="100%" height="40" border="0"


cellspacing="0"cellpadding="0">

<tr><td align="right" colspan="3" class="text1"><input type="button" value=""


class="nexttabbutton" id="showcontent2"onclick="javascript: return
validateGeneralInformation();"style="background:url(/EForms/images/onlineAppForm/next.
gif) no-repeat; border: none; height: 28px; width: 68px; cursor: pointer;" />

</td></tr></table></div></div>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 55


Web Server
A Web server is a program that uses HTTP (Hypertext Transfer Protocol) to serve the files
that form Web pages to users, in response to their requests, which are forwarded by their
computers' HTTP clients. Dedicated computers and appliances may be referred to as Web
servers as well.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 56


The process is an example of the client/server model. All computers that host Web sites must
have Web server programs. Leading Web servers include Apache (the most widely-installed
Web server), Microsoft's Internet Information Server (IIS) and nginx (pronounced engine X)
from NGNIX. Other Web servers include Novell's NetWare server, Google Web Server
(GWS) and IBM's family of Domino servers.

Web servers often come as part of a larger package of Internet- and intranet-related programs
for serving email, downloading requests for File Transfer Protocol (FTP) files, and building
and publishing Web pages. Considerations in choosing a Web server include how well it
works with the operating system and other servers, its ability to handle server-side
programming, security characteristics, and the particular publishing, search engine and site
building tools that come with it.

Web Browser
A web browser is a software program that allows a user to locate, access, and display web
pages. In common usage, a web browser is usually shortened to "browser." Browsers are
used primarily for displaying and accessing websites on the Internet, as well as other content
created using Hypertext Markup Language (HTML) and Extensible Markup Language
(XML), etc.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 57


Browsers translate web pages and websites delivered using Hypertext Transfer Protocol
(HTTP) into human readable content. They also have the ability to display other protocols
and prefixes, such as secure HTTP (HTTPS), File Transfer Protocol (FTP), email handling
(mailto:), and files (file:). In addition, most browsers also support external plug-ins required
to display active content, such as in-page video, audio and Flash content.

A variety of web browsers are available with different features, look-and-feel, and designed
to run on different operating systems. Common browsers include Internet Explorer from
Microsoft, Firefox from Mozilla, Google Chrome, Safari from Apple, and Opera. All major
browsers have mobile versions that are lightweight versions for accessing the web on mobile
devices.
Web browsers date back to the late 1980s when an English scientist, Tim Berners-Lee, first
developed the ideas that led to the World Wide Web (WWW). This consisted of a series of
pages created using the HTML language and joined or linked together with pointers called
hyperlinks. Following this was the need for a program that could access and display the
HTML pages correctly - the browser.

Method
Definition and Usage
The method attribute specifies how to send form-data (the form-data is sent to the page
specified in the action attribute).

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 58


The form-data can be sent as URL variables (with method="get") or as HTTP post
transaction (with method="post").

Notes on GET:

 Appends form-data into the URL in name/value pairs


 The length of a URL is limited (about 3000 characters)
 Never use GET to send sensitive data! (will be visible in the URL)
 Useful for form submissions where a user want to bookmark the result
 GET is better for non-secure data, like query strings in Google

Notes on POST:

 Appends form-data inside the body of the HTTP request (data is not shown is in
URL)
 Has no size limitations
 Form submissions with POST cannot be bookmarked

Example

Submit a form using the "get" method:

<form action="/action_page.php" method="get">


First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 59


Output

Action
The action attribute specifies where to send the form-data when a form is submitted.

Example

On submit, send the form-data to a file named "/action_page.php" (to process the input):

<form action="/action_page.php">

First name: <input type="text" name="FirstName" value="Mickey"><br>

Last name: <input type="text" name="LastName" value="Mouse"><br>

<input type="submit" value="Submit">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 60


</form>

Output

Frame Border
The <frame> tag is not supported in HTML5.

The frame border attribute specifies whether or not to display a border around a frame.

Example

A two-framed page, with no frameborders:

<frameset cols="50%,50%">
<frame src="frame_a.htm" frameborder="0">
<frame src="frame_b.htm" frameborder="0">
</frameset>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 61


Margin Width
The marginwidth attribute specifies the width between the content and the left and right sides
of the frame, in pixels.

Example

The first frame with a left and right margin of 50 pixels, and the second frame with a left and
right margin of 0 pixels:

<frameset cols="50%,50%">
<frame src="frame_a.htm" marginwidth="50">
<frame src="frame_b.htm" marginwidth="0">
</frameset>

Scrolling
The scrolling attribute specifies whether or not to display scrollbars in a <frame>.

By default, scrollbars appear in a <frame> if the content is larger than the <frame>.

Example

Frame A should always have scrollbars:

<frameset cols="50%,50%">
<frame src="frame_a.htm" scrolling="yes">
<frame src="frame_b.htm">
</frameset>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 62


Cell padding
The cell padding attribute specifies the space, in pixels, between the cell wall and the cell
content.

Note: Do not confuse this with the cell spacing attribute, which specifies the space between
cells.

Example

Set the space between the cell wall and the cell content to 10 pixels:

<table cellpadding="10">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 63


SRC
The required src attribute specifies the URL of the image.

Note: When a web page loads; it is the browser, at that moment, that gets the image from a
web server and inserts it into the page. Therefore, make sure that the image actually stay in
the same spot in relation to the web page, otherwise your visitors will get a broken link icon.
The broken link icon is shown if the browser cannot find the image.

Example

An image is marked up as follows:

<html>

<body>

<img src="river.jpg" alt="RIVER" width="80" height="80">

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 64


CASCADING STYLE SHEET (CSS)
CSS stands for Cascading Style Sheets.CSS describes how HTML elements are to be
displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the
layout of multiple web pages all at once. Althought most often used to set the visual style of
web pages and user interfaces written in HTML and XHTML, the language can be applied to
any XML document, including plain XML, SVG and XUL, and is applicable to rendering in
speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone
technology used by most websites to create visually engaging web pages, user’s interfaces
for web applications, and user interfaces for many mobile applications.

CSS is designed primarily to enable the separation of document content from document
presentation, including aspects such as the layout, colors and fonts. This separation can
improve content accessibility, provide more flexibility and control in the specification of
presentation characteristics, enable multiple HTML pages to share formatting by specifying
the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural
content.

Separation of formatting and content makes it possible to present the same mark up page in
different styles for different styles for different rendering methods, such as onscreen, in
print,by voice and on Braille-based tactile devices. It can also display the web page
differently depending on the screen size or viewing device. Readers can also specify a
different style sheet, such as a CSS file stored on their own computer, to override the one the
author specified.The CSS specifications are maintained by the World Wide Web Consortism
(W3C).

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 65


CSS FUNCTIONS:
The “CSS” column indicates in which CSS version the function is defined (CSS1,
CSS2 or CSS3).
FUNCTION DESCRIPTION CSS
Attr( ) Returns the value of an attribute of the 2
selected element.
Calc ( ) Allows you to perform calculations to 3
determine CSS property values.
Linear-gradient( ) Creates an “image” which represents a 3
linear gradient of colors
Radial-gradient( ) Creates an “image” which represents a 3
gradient of colors radiating from the
center of the gradient
Repeating-linear- Creates an “image” consisting of 3
gradient ( ) repeating gradients.
Repeating-radial- Similarly to radial-gradient ( ), but it 3
gradient( ) automatically repeats the color stops
infinitely in both
Directions.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 66


FEATURES OF CSS
SEPARATION OF CONTENT AND PRESENTATION: CSS rules can be provided in a
file that is separate to the content of HTML. If all pages link to this centralised CSS file, then
the look of website can more easily be updated.

SMALLER WEBPAGE FILE SIZES: As the code required to style content can be
removed from individual web pages, the size of each webpage file is reduced.

IMPROVED WEBPAGE DOWNLOAD SPEED: Once a style sheet has been


downloaded, it is typically stored on the user’s computer.

IMPROVED RENDERING SPEED: Once a webpage has been downloaded, a browser


processes the underlying code to determine how content should be displayed. This process is
referred to as “rendering”.

CHANGING PRESENTATION FOR DIFFERENT DEVICES : The CSS specification


enables different rules to be used depending on the device used to access the web.

ACCESSIBILITY: Additional features can be added to web pages that provide “hooks” for
assistive technologies such as screen readers. CSS based techniques can be used to provide
such hooks without impacting on the experience of mainstream users.

TABLE-LESS LAYOUT: Prior to the introduction of CSS, multi-column layouts could not
be created using HTML tables. Unfortunately, at a code-level, a table used for layout
purposes cannot be differentiated from a table used to mark-up tabular data.

SEARCH ENGINE OPTIMISATION : Search engine may assign greater relevance to


content found first in the code, and/or limit the amount of content indexed on each page to a
certain character-count.

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 67


HTML CODE TO DESIGN A WEB PAGE LOGIN
FORM USING CSS
Input
<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

body {font-family: Arial, Helvetica, sans-serif;}

form {border: 3px solid #f1f1f1;}

input[type=text], input[type=password] {

width: 100%;

padding: 12px 20px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

box-sizing: border-box;

button {

background-color: #4CAF50;

color: white;

padding: 14px 20px;

margin: 8px 0;
SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 68
border: none;

cursor: pointer;

width: 100%;

button:hover {

opacity: 0.8;

.cancelbtn {

width: auto;

padding: 10px 18px;

background-color: #f44336;

.imgcontainer {

text-align: center;

margin: 24px 0 12px 0;

img.avatar {

width: 10%;

border-radius: 200%;

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 69


.container {

padding: 16px;

span.psw {

float: right;

padding-top: 16px;

/* Change styles for span and cancel button on extra small screens */

@media screen and (max-width: 300px) {

span.psw {

display: block;

float: none;

.cancelbtn {

width: 100%;

</style>

</head>

<body>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 70


<h2>Login Form</h2>

<form action="/action_page.php">

<div class="imgcontainer">

<img src="img_avatar2.png" alt="Avatar" class="avatar">

</div>

<div class="container">

<label for="uname"><b>Username</b></label>

<input type="text" placeholder="Enter Username" name="uname" required>

<label for="psw"><b>Password</b></label>

<input type="password" placeholder="Enter Password" name="psw" required>

<button type="submit">Login</button>

<label>

<input type="checkbox" checked="checked" name="remember"> Remember me

</label>

</div>

<div class="container" style="background-color:#f1f1f1">

<button type="button" class="cancelbtn">Cancel</button>

<span class="psw">Forgot <a href="#">password?</a></span>

</div>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 71


</form>

</body>

</html>

Output

Write the HTML code for the following output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 72


Input
<html>

<head>

<table border="3" cellpadding="10">

</head>

<body>

<tr>

<th rowspan="3">An HTML table with a cell that spans across three rows</th>

<td>lorem</td>

<td>ipsum</td>

</tr>

<tr>

<td>hello</td>

<td>good-bye</td>

</tr>

<tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 73


<td>hello</td>

<td>good-bye</td>

</tr>

<tr>

<th>HTML</th>

<td>rowspan</td>

<td>tutorial</td>

</tr>

</body>

</html>

Output

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 74


WEBSITE OF BIG-BAZAAR

SOURCE CODES

HOMEPAGE:
<html>
<head>
<body background="e4.png">

<title>Big Bazaar</title>

<style type="text/css">
<!--
body {
background-color: #c3c0bb;
}
.style1 {
color: #FFFFFF;
font-weight: bold;
}
.style2 {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->

</style>
</head>

<body>

<table width="770" border="4" align="center" bgcolor="#FFFFFF">


<tr>

<td>
<div align="center">
<img src="ban.jpg" width="770" height="150" border="0"/> </div></td>
</tr>

<tr>
<td><table width="770" border="4" bgcolor="#0000FF
">
<tr>

<td width="129"><div align="center" class="style1">


<a href="index.html">Home</a></div></td>

<td width="142"><div align="center" class="style1">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 75


<a href="about__us.html">About Us</a></div></td>

<td width="155"><div align="center" class="style1">


<a href="electronics.html">Products</a></div></td>

<td width="166"><div align="center" class="style1">


<a href="ouroutlets.html">Our Outlets</a></div></td>

<td width="166"><div align="center" class="style1">


<a href="contactus.html">Contact Us</a></div></td>

</tr>

</table></td>
</tr>

<tr>
<td><b><font color="red"><marquee><b><h1><center>Big Bazaar</font><br><font color="orange"><center>Summer Sale On 9 th april
</h1></b></marquee></b></td>
</tr>

<tr>
<td><table width="770" border="0">
<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>
</tr>
<tr><td>

</td></tr>
<tr>
<td width="28">&nbsp;</td>

<td width="688"><p align="right"><font color="purple"> <i>


<center><h3>Sale On Electronics </center> <font color="black"><b><u><center></b></u></font><br><br>
<img src="k.jpg" width="600" height="200" border="4" /> <a href="electronics.html ">.<h2> Buy now </h2> </a>
<br><br>
<h13><font color="red"><b><u><center>BIG OFFER!!!!!! KHARIDO AUR JEETO</b></u></font><br><br>
<font color="green"><b><i>
Big Bazaar brings you an offer now buy any electronic item from our store and get a free vip pass for the ipl : <br>

* The product that you purchase must value 10k.<br>


* The produce purchased should contain a sale number.<br>
* Passes will be give on lucky draw basis.</b></i></h3>
<br><font color="red"><h3><b><i>

</h3></i></b>
</i>
</p></td>

<td width="32">&nbsp;</td>
</tr>
</table></td>
</tr>

<tr>
<td> <marquee>
<img src="m1.jpg" width="275" height="183" border="4" />
<img src="m2.jpg" width="275" height="183" border="4" />
<img src="m3.jpg" width="275" height="183" border="4" />
<img src="pic1.jpg" width="275" height="183" border="4" /> </img>

</marquee> </td>
</tr>

<tr>
<td>&nbsp;</td>
</tr>

<tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 76


<td><table width="770" border="0" bgcolor="504e4b">

</tr>

<tr>
<td><div align="right" class="style1"><b>Copyright @ 2016. Designed &amp; Maintained by V3 </b></div></td>
</tr>

</table>

</body>

</html>

PICTURE OF HOME PAGE

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 77


ABOUT US
<html>
<head>
<body background="e1.jpg">

<title>Big Bazaar</title>

<style type="text/css">
<!--
body {
background-color: #c3c0bb;
}
.style1 {
color: #FFFFFF;
font-weight: bold;
}
.style2 {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->

</style>
</head>

<body>

<center><table width="770" border="4" align="center" bgcolor="#FFFFFF">

<tr>
<td>
<div align="center">
<img src="ban.jpg" width="770" height="150" border="0"/>
</div></td>
</tr>

<tr>
<td><table width="770" border="4" bgcolor="#3366CC
">
<tr>

<td width="129"><div align="center" class="style1">


<a href="index.html">Home</a></div></td>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 78


<td width="142"><div align="center" class="style1">
<a href="about__us.html">About Us</a></div></td>

<td width=100 ><center>


<a href="electronics.html">Products</a></div></center></td>
<td>

<span><center><a href="ouroutlets.html">Our Outlets</a></div></center></td>


<span>
<td width="166"><div align="center" class="style1">
<a href="contactus.html">Contact Us</a></div></td>
</tr>
</table></td>
</tr>

<tr>
<td><marquee>
<font color="maroon"><b><h2>ALL ABOUT <i>BIG BAZAAR</b></i></h2></b></marquee></td>
</tr>

<tr>

<td><table width="770" border="0">

<tr>
<td>&nbsp;</td>
<td><strong>
<h3><font color="green"><center>ABOUT US</h3></strong></td>

<td>&nbsp;</td>
</tr>
<tr>
<td width="28">&nbsp;</td>
<td width="688">
<p><font color="Orange"> <b> <i>
<h3>
<font color="black" align="center"> <center><img src="images.png" width="400" height="250" border="4"></font><br><br>
Big Bazaar is an Indian retail store that operates as a chain of hypermarkets, discount department stores, and grocery stores. The retail
chain was founded by Kishore Biyani under his parent organisation Future Group, which is known for having a significant prominence in
Indian retail and fashion sectors. Big Bazaar is also the parent chain of Food Bazaar, Fashion at Big Bazaar[2] (abbreviated as fbb) and
eZone where at locations it houses all under one roof, while it is sister chain of retail outlets like Brand Factory, Home Town, Central,
eZone, etc.

Founded in 2001, Big Bazaar is one of the oldest and largest hypermarkets chain of India, housing about 250+ stores in over 120 cities
and towns across the country.<center></h3>
</i></b>
</p>
</td>

<tr>
<td><div align="left" class="style1"><b>Copyright @ 2016. Designed &amp; Maintained by V3 </b></div></td>
</tr>

</center></table>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 79


PICTURE OF ABOUT US

PPPPPPP00000PPPPPP PIPPPPPPPPRHGG9JNGN PP
</body>
PPP
P

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 80


PRODUCTS
<html>

<head>
<body background="e5.jpg">
<title>BIG BAZAAR</title>

<style type="text/css">
<!--
body {
background-color: #c3c0bb;
}
.style1 {
color: #FFFFFF;
font-weight: bold;
}
.style2 {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->

</style>
</head>

<body>

<table width="770" border="4" align="center" bgcolor="white">

<tr>
<td><div align="center">
<img src="ban.jpg" width="770" height="150" border="0" /> </div> </td>
</tr>

<tr>
<td><table width="770" border="4" bgcolor=" #0000FF">

<tr>
<td width="129"><div align="center" class="style5">
<a href="index.html">Home</a></div></td>

<td width="142"><div align="center" class="style1">


<a href="about__us.html">About Us</a></div></td>

<td width="155"><div align="center" class="style1">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 81


<a href="electronics.html">Products</a></div></td>

<td width="144"><div align="center" class="style1">

<a href="ouroutlets.html">Our Outlets </a></div></td>

<td width="166"><div align="center" class="style1">


<a href="contactus.html">Contact Us</a> </div> </td>
</tr>

</table> </td>
</tr>

<tr>
<td> <marquee> <font color="navy blue"><b><h1>20 percent off on lg products**</h1> </b></marquee> </td>
</tr>

<tr>
<td><table width="770" border="0">

<tr>
<td>&nbsp;</td>
<td colspan="4"><strong><center>
<font color="orange"><h1>ELECTRONICS</h1></strong></td>

<td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>

<td> <div align="center"> <font color=blue > <b>


LG AC</b><img src="lgac.jpg" width="177" height="155" border="2" /> Rs 200000 </div></td>

<td>&nbsp;</td>

<td> <font color=blue > <div align="center">LED TV


<img src="led.jpg" width="190" height="162" border="2" /> Rs 19000 </div></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>

<td>&nbsp;</td>

<td> <font color=blue > LG Refrigerator<div align="center">


<img src="t.jpg.jpg" width="200" height="135" border="2" /> Rs 30000 </div></td>
<td>&nbsp;</td>
<td><div align="center">
</div></td>
<td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>
<td> <font color=blue > <div align="center"> LG MONITOR
<img src="download.jpg" width="177" height="155" border="2" /> Rs 17000 </div></td>
<td>&nbsp;</td>

<td><div align="center"><font color=blue > LG MOBILE PHONE


<img src="lgm.jpg" width="146" height="162" border="2" /><br> Rs 20000 </div></td>
<td>&nbsp;</td>
<td>&nbsp;</td>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 82


</tr>

<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><div align="center">
</div></td>
<td>&nbsp;</td>
<td><div align="center">
</div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="28">&nbsp;</td>
<td width="169"><p align="justify">&nbsp;</p> </td>

<td width="186">&nbsp;</td>
<td width="163">&nbsp;</td>
<td width="165">&nbsp;</td>
<td width="35">&nbsp;</td>
</tr>

</table></td>
</tr>

<tr>
<td>&nbsp;</td>
</tr>

<tr>
<td><table width="770" border="0" bgcolor="504e4b">

</table></td>
</tr>

<tr>
<td> <div align="right" class="style2"><b>Copyright @ 2016. Designed &amp; Maintained by V3 </b></div></td>
</tr>

</table>

</body>

</html>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 83


PICTURE OF PROJECT PAGE

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 84


OUR OUTLETS
<html>
<head>
<body background="e3.jpg">

<title>Big Bazaar</title>

<style type="text/css">
<!--
body {
background-color: #c3c0bb;
}
.style1 {
color: #FFFFFF;
font-weight: bold;
}
.style2 {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->

</style>
</head>

<body>

<table width="770" border="4" align="center" bgcolor="#FFFFFF">


<tr>

<td>
<div align="center">
<img src="ban.jpg" width="770" height="150" border="0"/> </div></td>
</tr>

<tr>
<td><table width="770" border="4" bgcolor="#3366CC
">
<tr>

<td width="129"><div align="center" class="style1">


<a href="index.html">Home</a></div></td>

<td width="142"><div align="center" class="style1">


<a href="about__us.html">About Us</a></div></td>

<td width="155"><div align="center" class="style1">


<a href="electronics.html">Products</a></div></td>
<td width="155"><div align="center" class="style1">

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 85


<a href="ouroutlets.html">Our Outlets</a></div></td>

<td width="166"><div align="center" class="style1">


<a href="contactus.html">Contact Us</a></div></td>

</tr>

</table></td>
</tr>

<tr>
<td><b><font color="brown"><marquee><b><h1>Our Outlets </h1></b></marquee></b></td>
</tr>

<tr>
<td><table width="770" border="0">
<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>
</tr>
<tr><td>

</td></tr>
<tr>
<td width="28">&nbsp;</td>

<td width="688">
<p> <font color="red">
<b> <i> <h3>
Big Bazaar <font color="blue"> </font> , Outlets in India .</h3></p></b></i></td>

</tr>
</table></td>
</tr>

<tr>
<td><table width="770" border="0" bgcolor="504e4b">

<b><i><h2><u><center><font color="pink">Our Stores</b></u></h2>


<p><font color="BLACK"><b><i><h4>
4813 BIG BAZAAR BB - FC-GUWAHATI-BHANAGAGHAR-CITY SQUARE G.S ROAD GUWAHATI<BR>
2530 BIG BAZAAR BB-JOHRAT-MOUZA- NAGARMHAL-PMS / B&A COMPLEX JOHRAT<BR>
2528 BIG BAZAAR BB-SILCHAR-PARGANA-BARAKPUR-GOLDOGH COMMERCIAL COMPLEX SILCHAR<BR>
2543 FBB FBB-GUWAHATI-PALTAN BAZAR-G.S.ROAD GUWAHATI<BR>
4979 BIG BAZAAR BB - FC-PATNA-PATALIPUTRA COLONY-P&M MALL PATNA<BR>
2547 BIG BAZAAR BB-PATNA- EXHIBITION ROAD-P MALL PATNA<BR>
2551 FBB FBB-BHAGALPUR-DN SINGHROAD-JIWANSAGAR TOWER BHAGALPUR<BR>
2591 BIG BAZAAR BB-PATNA-BAILEY ROAD-KASHYAP BUSINESS PARK PATNA<BR>
4952 BIG BAZAAR BB-RAIPUR-DEVENDRA NAGAR-OPP-EPF BUILDING RAIPUR<BR>
4982 BIG BAZAAR BB-BILASPUR-24 MAGARPARA LINK ROAD-RAO TRADE CENTER BILASPUR<BR>
2561 BIG BAZAAR BB-BHILAI-NEHRU NAGAR-SURYA TREASURE ISLAND MALL BHILAI<BR>
2626 FBB FBB-RAIPUR-BIDHANSABHA ROAD-AMBUJA MALL CITY RAIPUR<BR>
4812 BIG BAZAAR BB-DHANBAD- SARAIDHELA-SRI RAM CITY MALL DHANBAD<BR>
4814 BIG BAZAAR BB - FC-RANCHI-MAIN ROAD OPP RANCHI CLUB-JC TOWER RANCHI<BR>
4843 BIG BAZAAR BB-JAMSHEDPUR-NEAR DIMNA CHOWK JAMSHEDPUR<BR>
4962 BIG BAZAAR BB-DEOGHAR-SUBHASH ROAD DEOGHAR<BR>
4735 BIG BAZAAR BB-NAGPUR- RAMDAS PETH-LANDMARK BLDG NAGPUR<BR>
4770 BIG BAZAAR BB - FC-NAGPUR- VARDHMAN NAGAR- POONAM MALL NAGPUR <BR>
4959 BIG BAZAAR BB-NAGPUR-RAILWAY STATION ROAD- EMPRESS MALL NAGPUR <BR>
2582 FBB FBB-NAGPUR- SITABULDI-ETERNITY MALL NAGPUR<BR>
2588 BIG BAZAAR BB-JHARSUGDA- SARBAHAL ROAD-SHANTI CITY CENTRE JHARSUGDA<BR>
</i></p></b>
</b></i></h4> &nbsp;
<tr>
<td><div align="right" class="style1"><b>Copyright @ 2016. Designed &amp; Maintained by V3 </b></div></td>
</tr>
</table>
</body>

</html>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 86


PICTURE OF OUR OUTLETS PAGE

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 87


CONTACT US
<html>
<head>
<body background="k3.jpg">

<title>Big Bazaar</title>

<style type="text/css">
<!--
body {
background-color:
#c3c0bb;
}
.style1 {
color: #FFFFFF;
font-weight: bold;
}
.style2 {
font-size: 11px;
font-family: Arial,
Helvetica, sans-serif;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration:
underline;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->

</style>
</head>

<body>
<table width="770" border="4" align="center" bgcolor="#FFFFFF">

<tr>
<td><div align="center">
<img src="ban.jpg" width="770" height="150" border="0"/></div></td>
</tr>

<tr>
<td>
<table width="770" border="4" bgcolor="#3366CC
">
<tr>

<td width="129"><div align="center" class="style1">


<a href="index.html">Home</a></div></td>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 88


<td width="142"><div align="center" class="style1">
<a href="about__us.html">About Us</a></div></td>

<td width="155"><div align="center" class="style1">


<a href="electronics.html">Products</a></div></td>
<td width="155"><div align="center" class="style1">

<a href="ouroutlets.html">Our Outlets</a></div></td>

<td width="166"><div align="center" class="style1">


<a href="contactus.html">Contact Us</a></div></td>

</tr>
</table>
</td>
</tr>

<tr>
<td><marquee><font color="grey"><b><strong><h1><center>FOR MORE INFORMATION<BR><font color="blue"><center>TOLL FREE NO : 1609 103
9679</h1></strong></b></marquee>

</td></tr>
</td>
</tr>

<tr>
<td><table width="770" border="4">

<tr>
<td>&nbsp;</td>

<td><strong><center><font color="purple"><h1>CONTACT US<h1></strong></td>


<td>&nbsp;</td>
</tr>

<tr>
<td width="28">&nbsp;</td>

<td width="688"> <h3><b><font color="black"><center>1.Big Bazaar </font></b></h3> <p align="center"><font color="brown"><b> Big Bazaar<br>
Punjab 909992,<br>
Area- east mohali<br>
<br>
Call: 98102324281 <br>
Email – [email protected] <br>
<h3><b><font color="black"><center>2.Big Bazaar HQ</font></b></h3> <p align="center"><font color="brown"><b>Big Bazaar<br>
, New Delhi, India- 110002<br>

</b>
</p> </td>

<td width="32">&nbsp;</td>
</tr>

</table></td>
</tr>

<tr>

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 89


<td>&nbsp;</td>
</tr>

<tr>
<td><table width="770" border="0" bgcolor="#3366CC
">

</tr>

<tr>
<td><div align="right" class="style1"><b>Copyright @ 2016. Designed &amp; Maintained by V3 </b></div></td>
</tr>

</table>

</body>

</html>S

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 90


PICTURE OF CONTACT US PAGE

SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 91


SAGAR BHALLA 2ND SEMESTER SEC-C 07515501717 136 Page 92

You might also like