HTML

The hyperText Markup Language or HTML is the standard markup language for documents designed to
be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheet (CSS)
an scripting languages such as Jav aScript.

Web browsers receive HTML documents from a web server or from local storage and render the documents
into multimedia web pages. HTML describes the structure of a web page semantically and originally included
cues for the appearance of the document.

HTML can embed programs written in a scripting language such as Javascript, which affects the behavior
and content of web pages. Inclusion of CSS defines the look and layout of content.
The World Wide Web Consortium (W3C), former maintainer of the HTML and current maintainer of the
CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.[2] A form of
HTML, known as HTML5, is used to display video and audio, primarily using
the<CANVAS> element, in collaboration with javascript.
 HISTORY OF HTML
The Berner’s Lee, the inventor of HTMl, used to work in the computer section of cern
(European Laboratory for Particle Physics) at Geneva, Switzerland.

CERN is an institution for researching particle physics which requires the collaboration of physicists all
over the world.

Tim has an idea of creating something which would enable physicists to share research infromation from
anywhere in the world,and he came with HTML which can contain links of many documents from one
document.

Tim’s prototype Web browser on the NeXT computer came out in 1990.
 In 1991,an open discussion group HTML-talk was started across the internet for the development
of HTML.
 In 1992,Dave Ragged from Hewlett -Packard’s Lab in Bristol, England who was one of the
enthusiastic of HTML, met Tim and upon returning England, Dave wrote a richer version of
HTML called HTML+.
 In 1992, NCSA showed interest in web and contributed to take the development of web a step
further.
 In December 1992, Marc Andreessen of Mosaic team (an early browser) introduced image tag
in the HTML document.
 March 1993 : Lou Mental releases the Lynx browser version 2.0a.
 Early 1993 : Dave Rages begins to write his own browser.
 April 1993 : The Mosaic browser is released.
 Late 1993 : Large companies underestimate the importance of the Web.
 May 1994 : NCSA assigns commercial rights for Mosaic browser to Spyglass Inc.
 September 1994 : The Internet Engineering Task Force (IETF) sets up an HTML working group.
 July 1994 : The world wide web consortium forms.
 November 1994 : HTML specification for HTML Tables specification.
 August 1995 : Microsoft’s Internet Explorer browser comes out.
 September 1995 : Netscape submits a proposal for frames.
 November 1995 : The HTML working group runs into problems.
 November 1995 : Vendors unite to form new group dedicated to developing an HTLM standard.
 November 1995 : Style sheets for HTML documents begin to take shape.
 Novermber 1995 : Internationalization of HTML Internet Draft.
 December 1995 : The HTML working group is dismantled.
 February 1996 : The HTML ERB is formed.
 April 1996 : The W3 Consortium working draft on scripting comes out.
 July 1996 : Microsoft seems more interested than first imagined in open standards.
 December 1996 : Work on ‘Cougar‘ is began.
 January 1997 : HTML 3.2 is ready.
 In Spring 1998, HTML 4.01 was materialized finally and become a Wc3 recommendation.
 In January 2008, a working draft of HTML 5 is prepared.

VERSIONS OF HTML
1) HTML
1.0
The basic version of HTML has support for basic elements like text controls and images.
This was the very basic version of HTML with less support for a wide range of HTML
elements. It does not have rich features like styling and other things that were related to how
content will be rendered in a browser. The initial version of HTML does not provide support
for tables, font support, etc as it provides us in the latest version.
We would also like to discuss that W3C did not exist before HTML 2.0; hence it does not
show details about HTML 1.

2) HTML 2
HTML version 2.0 was developed in 1995 with basic intention of improving HTML version
1.0. Now a standard got started to develop so as to maintain common rules and regulations
across different browsers. HTML 2.0 has improved a lot in terms of the markups tags. In
HTML 2.0 version concept of form came into force. Forms were developed, but still, they
had basic tags like text boxes, buttons, etc. Also, the table came as an HTML tag. Now, in
HTML tag 2.0 browsers itself. W3C was also formed. The main Intention of W3C is to
maintain standard across different web browsers so that these browsers understand and
render HTML tags in a similar manner.

3) HTML 3.2
It was developed in 1997. After HTML 2.0 was developed, the next version of HTML was
3.2 with version 3.2 of HTML, HTML tags were further improved. It is worth nothing that
because of W3C standard maintainance, the newer version of HTML was 3.2 instead of 3.
Now, HTML 3.2 implemented was support of CSS.CSS stands for Cascading Style Sheet. It
is CSS that provides features to make HTML tags look better on rendering it on browsers.
CSS helps to style HTML elements. With the up- gradation of browsers to HTML 3.2, the
browser also supported for frame tags, although HTML specifications still do not support
frame markup tags.

4) HTML 4.01
It was developed in 1999. It extended the support of cascading styling sheets. In version 3.2,
CSS were embedded in HTML page itself. Therefore, if the website has various web pages
to apply to the style of each page, we must place CSS on each web page. Hence there was a
 Repitition of the same block of CSS. To overcome this thing, in version 4.01 concept of an
external styling sheet emerged. Under this concept, an external CSS file could be developed,
and this external styling file could be included in HTML itself. HTML 4.01 provided support
for further new tags of HTML.

5) HTML 5
This is the latest version of HTML. For a deeloper, it could be used in 2014. It cam up with
lots of HTML tags support. HTML5 provided support for new form elements like input
elements of different types; geolocations support tags, etc.
Let us look at a few of the tags which were added to HTML 5.
E Mail – New HTML5 tag, which was added, is the input element of type email. This is a
form tag, although it could be used outside of a form tag also. This tag checks the validation
of the input value. It checks wheter the value inserted is a valid email.

6) W3C HTML Validator

An HTML validator is a web-based tool that is used to maintain or check whether a piece of
HTML tag or HTML is valid. An HTML validator follows the standard of W3C to validate an
HTML page. It follows the W3C standard.
Practical 11
input
<HTML>
<BODY bgcolor="CYAN">
<head></head>
<title>Saurabh Practical 13</title>
<body>
<table border="1" align="center">
<caption><FONT COLOR="RED"><b>TRAIN
TABLE</caption></FONT>
<tr>
<th>Train Number</th>
<th>Departure</th>
<th>Arrival</th>
<th>Category</th>
</tr>
<tr>
<td>12267</td>
<td>23:25</td>
<td>05:15</td>
<td>Duronto</td>
</tr>
<tr>
<td>12426</td>
<td>19:40</td>
<td>05:05</td>
<td>Rajdhani</td>
</tr>
<tr>
<td>12019</td>
<td>06:05</td>
<td>13:15</td>
<td>Shatabdi Express</td>
</tr>
</table>
</BODY>
</HTML>
output
 Practical 12
<HTML>
<BODY bgcolor="CYAN">
<head></head>
<title>Kevin Practical 11</title>
<body>
<table border="3" align="center">
<caption><FONT COLOR="RED"><b>TABLE OF DOG
BREEDS</caption></FONT>
<tr>
<th>Bread</th>
<th>Description</th>
<th>group</th>
<th>organization</th>
</tr>
<tr>
<td>French Bulldog</td>
<td>Loyal companion</td>
<td>Non Sporting</td>
<td rowspan="4">All listed dogs are AKC recognized</td>
</tr>
<tr>
<td>Wheaten Terrior</td>
<td>High Energy, Friendly</td>
<td>Terrier</td>
</tr>
<tr>
<td>English Pointer</td>
<td>Hunting Companion</td>
<td>Sporting</td>
</tr>
<tr>
<td>Australian Cattle Dog</td>
<td>Gaurdian, Herding</td>
<td>Working</td>
</tr>
</table>
</BODY>
</HTML>
 Practical 13
<html>
<head>
<body "textalign=center">
<table border="2" bgcolor="pink"
cell padding="6"
cell spacing="8"
hieght="20"
width="20">
<caption>EMPLOYEE TABLE</caption>
<tr>
<th>s.no.</th>
<th>NAME</th>
<th>AGE</th>
<th>DEPARTMENT</th>
</tr>
<tr>
<td>1</td>
<td>RADHA DEVI</td>
<td>20</td>
<td>HR</td>
</tr>
<tr>
<td>2</td>
<td>GEETHA BHARDWAJ</td>
<td>21</td>
<td>IT</td>
</tr>
<table border="2" bgcolor="pink"
cell padding="6"
cell spacing="8"
hieght="20"
width="20">
<caption>DISCRIPTION TABLE</caption>
<tr>
<th>NAME</th>
<th colspan=2>TELEPHONE</th>
<th>EMAIL ID</th>
</tr>
<tr>
<td>RADHA DEVI</td>
<td>3335627894</td>
<td>2255346789</td>
<td>radhadevi@gmailo.com</td>
</tr>
<tr>
<td>GEETHA BHARDWAJ</td>
<td>2654321578</td>
<td>6895764398</td>
<td>geethabhardwaj@gmail.com</td>
</tr>
<HR SIZE=30 COLOR=BLUE>
<table border="2" bgcolor="pink"
cell padding="6"
cell spacing="8"
hieght="20"
width="20">
<caption>SALARY TABLE</caption>
<tr>
<th>NAME</th>
<th>SALARY</th>
<th>TA</th>
<th>HRA</th>
<th>MEDICAL</th>
</tr>
<tr>
<td>RADHA</td>
<td>300000</td>
<td>25%</td>
<td>25%</td>
<td>100000</td>
</tr>
<tr>
<td>GEETHA</td>
<td>300000</td>
<td>25%</td>
<td>25%</td>
<td>100000</td>
</tr>
<HR SIZE=30 COLOR=yellow>
</body>
</html>
 PRACTICAL 14

<HTML>
<BODY bgcolor="cyan">
<H1>Description of Flipkart</H1>
<P>
Flipkart a Tudian e-commerce company, headquartered Bangalore,
Karnataka, India, and incorporated in Singapore as a private limited company.
The company initially focused on online book sales before expanding in other product categories
och as consumer electronics, fashion, home essentials. groceries, and lifestyle products.
The service competes primarily with Amazon's Indian subsidiary and domestic rival Snapdeal.
Flipkart has a dominant position in the apparel segment, bolstered by its acquisition of Myntra,
and was described as being "neck and neck" with Amazonin the sale of electronics and mobile
phones.</P>
</BODY>
</HTML>

 <HTML>
<BODY bgcolor="CYAN">
<UL type="square"><B>Shopping Brands</B>
<B><LI>Indian Brands</LI></B>
<UL>
<LI>Peter England</LI>
<LI>FabIndia</LI>
<LI>Raymond</LI>
<LI>Biba</LI>
</UL></UL>
<UL type="square">
<LI><B>International Brands</B></LI>
<UL>
<LI>House of Varsace</LI>
<LI>Burberry</LI>
<LI>Chanel</LI>
<LI>Gucci</LI></UL></UL></UL>
</BODY>
</HTML>

 <HTML>
<BODY bgcolor="CYAN">
<IMG
SRC="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxASEB
UQEBAPFRAQFRESFRISEBcQFRUVFhIiFhYRFRYYHiggGxolGxUTITYhJSkrLi4uFyIzOD
MtNygtLisBCgoKDg0OGxAQGy0lICUxLTU3LS8rLi8tKy0tLi8tLy81LSsvLy0tLS0tNy0tLS0t
LS0tLS0tLS0tLS0tLS0tLf/AABEIALcBEwMBIgACEQEDEQH/
xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYCAwQHAf/
EAEUQAAIBAgMEBAoFCwMFAAAAAAABAgMRBBIhBQYxUUFxgZETIjJSYZKhscHC
BxQjM+EWU2KCk6Ky0dLi8EJDoxUkY3KU/
8QAGwEBAAIDAQEAAAAAAAAAAAAAAAEEAwUGAgf/
xAA2EQABAwIEAwUHAwQDAAAAAAABAAIRAwQFEiExQVFhBhMicZEUMoGhscHRF
VKSI0Jy8dLh8P/
aAAwDAQACEQMRAD8A9JAB8wW2QABEAARAAEQABEAARAAEQABEAARAAEQA
BEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARA
AEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABE
AARAAEQABEAARAAEQHy4uTCL6D5dcxcQi+gXPlxCL6ACEQABEAARAAEQABEAA
RAAEQABEAARAAEQABEAARAAEQABEOWpmzPzVb3dB1JGc6aatder+J7bTLhOnqAge
AVHvRX5GrDYhSjmatq1bid8sNynb9X8TRU2a3/uP9n/AHGRtLTh/
IflZBUaTqfkVqdaJ9VWJ8eyH+ef7P8AuEdkP87/
AMf9w7rqPUflZM1L93yP4WFXEWlGKV8/TyNzRtp4Br/c/c/
uN31Zed+7+JDqUjSP5D8rH3jQd/kVow+a7UuGjR0GxQVrXXq/iaovQ8Oplokx6g/
RY80lfQAeEQxqTUU5SaUYptt8EkrtmRGby1cuErPnHL60lH4ma2o9/XZS/
c5o9SAsdV+Rjn8gT6BYflLg/wA9H1Z/yH5SYT89H1Z/
yPPtm4CpXn4OnbNZy1dlZentRLfkfiv/AB+v+B3dz2awS2f3da5c07wXsBj+C5+lil/
VbmZSBHQH8q74DaVGvfwNRSy2vZNWvw0a9DNFLbmGlNU41k5t5UrPV8LJ2sRW7+yqm
EpV6lRrM43WV3soxb49b9hVt2qebF0Vynm9XX4GvtsAsbh12+nVcadIDK4FupyFzpMQQCI0
hWauI16YotcwBzzqDOniAHHqvSsTiIU4OdSSjCOrbObZu16FdtUp3cdWnFwdudmuByb2YG
pWw7jSV5KUZON0rpJq2vWn2EbubsWtSqSqVYuF1ljFtXd2m27cFojV21hZPwupc1KsVQY
DJHSNPeMzMiAFbqXFcXbaTWeDi6PPjtpppurWADQyFsUNGNxlOjHPVmoxuld3er6LLtN5
U/pAq/
Z0oc3N+rG3zGywiybe3tO3cSA46kbwASd9Ngqt7XNCg6oNx+QFY8DtCjWTdKakouzsmrX4
aNHSVfcGn9jUn501D1Y3+ctAxe0p2d7Ut6ZJa0gSYnYE7ADQ6bJZVXVqDajhqeXmUABrS
Y3VpAAAQdkQACUQEDvftSpQpRVKWWpN8bJ6RV3ZP0uJlujjatag51pZmqjinZJ2UU+j0t
m0/Sa3sAvyQGF2WNcxMxMRETPHgVT9sZ7R7PBzRPT8/
JTgANYraI2XNTPtyQVCzudGPXjt9ErW7UclzfDExdqdTSL0hPk+UvQ/
h1F22iox1EmCSCJ2kSIJ4SDvsCBKxukQ5YXFzdLA1OhKS53R9jgZcZvLHpbsP0+6zZe7d6ae
u0dZhO8ZzH/vmlBfZzb4NJdpz3PtTEqStD7qPB+c+mXV/
nIj6u1cNB2lXoJ8nVin3XJrguLaNLxZBGgJ1JLjEDYEx8J4o3QZnaTzXfc1Q4CnUjJKUWnF6
pxd01zTQp8CkV7CyAB5XpCvb81bYVx86pFd15fKWEqP0gVfFow851JdySX8TN12cpd5ilAc
nT/EF32VHE35bSoekeun3XHuBBeGqTdvFp29aS/
pLwprmu88pwuza1VN06UpxTs3CN0na9vajtwGwcT4Wn9jUis8W5OOWyzau/
UdjjmB295dPrvumsMAZTlJGUf5gyfLylaSwv6tGk2m2kSJ314n/GPmrzvJWy4Ws/
0MvrPL8Sobj074q/mRnP3R+YsW/FW2Ff6dSMe68vlIj6P6f2lWfmqEfWk38prMJ/
pdm7mr+8keoYz6kq1d+PE6TOQB+p+wXfvvtCpSVKNKcoObm24vK7RSSV/
1jbupjKssLOrVnKWWU7OTu7RppvXle5D7/wBS9eEfNpp9sm/6USGz/s9lSl0yhV/
fm6a9lj1UtKYwG1ZlGarUaJgT4nOO+
+0DfZGVnfqNUkmGtOk6aBvDbeVDbG3lrU5ylWqVKkcsssXK6ctMv/
quJx47bOKqtzdSolfRRbjFehJfHU1bF2e69aNNaJ6yfJLi/
h1tHoW0cDTjhKlKMYqEaU2lylGOZT67pO5u8UvcOwy+Zlog1H5QYgZGTEjQ6nluY1MAK
hZ0Lq6oGXkNbPPxHlvsPlwUFubtqpKbw9WTlo5QlJ3enGDfTpr2M5fpAqXq04ebTb9Z2+Uj
N1G/rtK3Of8ABqbt8qubFzXmKmv3c3zENw6lR7SB1MADui8gaAGchPxUG6c/
DCHGfFHwAzfJWnc2Cjg4yeilKpJt8s1r90Sq4zbeJq4iSo1qqU52hCM3FWcrJW9OnebMTvD/
ANrDDUoyjZJTm7a9MoxS6G+nkdu5OyHKf1ma0hdU0+mfBy6lw6+orU7dmHe14nfMEuc7I1
0H+4kbzq4x1DWk8dMzqpue5tKDjAAkiRwE9dB8JMKw7d2wsLSTdpVZaRXC7S1m/R/
Mo1Xa2Lry+8rN8csLxS/VRv3vxTqYuS/
00rU12K8v3my67v7PjQoQiks8kpTfS5NX16uHYVKItsBw6lcPpB9arrrGkjNEwYAETGpcddB
pmf3t/cupNeWsZynXh0mTO/I7rz7/
AKhiYP72tGS6HKS71cumxdoVZYCdepK81Gs4ysr6Lxb9pX9+at8VbzKcI995fMiVqfZbIS6Z
Qj/
yVL+6Rbxc072ys6hpNa6tUp8ASAZnWASIjTZYrPPQuKzc5LWNd6jptO6i9gbw1KcqksRVn
OKg8kJSu5TzLKlfhpmNuxNr4ivjqeaclC8m4RdoJKDdrdPRqyG2NsyeIqqnF2XlSlxyx59fQeh7
N2PQoL7OCzWs5vWb56/
BEdoa+GWLqwFMGtVYRoGwwEQDyE76eIxwACYay6uAyXQxpnc+IzMdeXILznaeKrVJv
w0pNpu0ZX8W74JPgtF3Hbu3WxKrUoQlVVJ1ItpXyWv4za4cExvhVzYyovMyLugn72y97Fp
5cNSjypwb63G795ZxbFm2uF0Xdy3+qNG/
2tluadtYJ6SdZWKzszVu3jOfAd+Jg7HXbRdoAPla65fGBP8AzuMbkosjGcU1Zq6fQz5c+3IUw
tKp1Y/
d1bLlPx7dvE1YueSEquJq3hBZmoqy6ucr8uk67lO38xz+zw6ejXhJ+nXLBeyb7EbXCbR9/
dMtZgE66DQDUnbfl1hVbyuLei6rG31OyiNt7dq4htXcKPRSTsrfpW8p+xdBEJdZ9UW2kldtpJ
c29Ej0DZu7OHhBeEgp1GvGbbyp+bFcLe0+oXuI2OBUGUw2AdmtAkxuSSR0kkyTsFyNC1r4
hUc4mY3J4Tw/6C0bhV26EoP/
AETuvQpK9u9N9pZqfBHPhcNTpLLShGEW72irXfN8zopcEfKsUu2Xl3VuKbS0OMwYnbpp
qZPxXXWlF1Gg2m4yQIWQAKCsIUXf+revCPm07+s3/
Si9FI3q2TiamJlOFGcoeIouNnoo69t7nT9kXUmYkH1XBoDXakgamBxgbE+i1WMhxtsrQTJG
wJ68PJTG5NO2Ej+nOcvbl+Unzh2HhnSw9KElaUY+MuTbu1p6Wdxp8VrCvfVqo1Be6D0kgfJ
XbRhp0GMPAD6Kp/
SBV8SjDznN+qkvmM9wYrwNR9LnFPqS097N2+WyqlaEJ0ouUqWZOK4tStqubVuHpIjdHZ
mIjiYzlTqQhFSzOUXFO8bKNnx1a7jrqHs9bsy6kKoa5skgkTIeXARIPiEAH/
S0z+8ZigeWEgwAeEEATMcNSQuHfGrmxlRdEVBd0E37Wye26smzIR6ZRox7fvH7mRG2N
h4upiaklRbjKpK0la2r0d78rEtv5PLRpU1zb7Iq3zF576NR+GWtJ7XZSHHKQYyMB1jbWY8iq
7Wva27qvBEyBIiZJH4XH9H1O9WrLzYJetK/yk1vdtKNPDyhdeEqrKo9Ki/Kk/
Ra67SiYfB1pLPTp1ZK9s0YSlrbhddaO7B7vYqrLWDinxnVvFdevHsRZxDCLV+I/
qFzcNDW5fCYGrQIBJdz1jLJ26nFbXlYW3s9KmSTOvmT0+G67dxcI5V3Vt4tJPX0y0S7sxFb
cqZ8XWa6ak0uyVl7j0XZGzoYekqcNemUnxlLpb/
zoKVhNh4p4mMp0Wo+ETlJ2tbNeTvflcr4XjNvcYjc3j3BrWta1uYgEtGYnQ8yJjcZhKy3VjUp
21Kg0EkkkwCYJ0+QMTtotO8uxfq0oJSlKM09XbinqtPQ0WncvF58Mot+NSk1+q/
Gj72uw371bOlXw7UFepGSkl0voku5vuIjc3Z+Jo1Z+EpTjCUNXK3lJ+LbvkayvfMxTs+faKg7
6mZ1IBJB4DSZaeA3BVqnQda4iO7acjhwBgfHzHPiq1t1P6zWT4+Fqfxux6JiNr0aeHVdyi4yin
FJ6ybWkEufuK3vdsKo6rr0YOanbPGKvJNK17dKaS4EXs7dzEVpJSpunDpnUi426ovVs2l1Tw
7FbK3r1qwY2mPEJE7NBbvIMt0IBJ4DWVUpPubS4qsZTLi46bxuSDy48wOvONx2LlVqTqz8
qcm36OSXoSsi473PJgaVL00o9kab+KRFYzdqqsTkp0puj9mlO6atZXk3fjfMyZ31wNaqqapU3J
Rc3JRtdNpW+J6vL+0r3mHim9oYMztwMsMGUHXwnhB4qKFvWp0LjMCXGBsddTJHPzX
H9H1L76fPwa97fuRcSB3O2fUo0JeFi4ylNuz42UUlftuTxxPaSuK+JVnsII0AIMgw0DQjQ6hb3
C6Zp2rA4Qd/UkryrblTNiasudSfcpu3sR6jh3HJHK4uKSs076W0KBt/
YOIjWnKFOU6c3JxlGLn5TvlaWqtexM7k7Nq0nUnUhKCmoKKlo3Ztt27VxOr7RttbvDKVen
WH9MCG6EuzZRG8gtjkeMrUYaatG7exzD4iZOoiM2u0a+atQAPna6VY1Pj8DC5lV4dvwNV
zw7RZGjRZXDZz4jDxmrSc7foTnD+FoqO8myIKDnGnik01d1HGdO19W5atGzwuyoXtUUnV
sjiY9wEa9c4+irXdepQYXtZIHU/
8T9Vdsy5o853qrZ8XVXRDLFdkFf2uRD+CjyiZJJaJH0jBOzAwy4Nfvc8tLYyxEkGfePJcrf4sb
ukKeTLrO88D0Ck93KWbFUlyeb1U5fA9IueSSino1oWLcWnavNxTUfBvNbh5Stf2lXtbg5uW
G97yBTZ7sb6k7zpMgbbxz0zYLfCk4W+Wczt5205R9+KvdzKl5KNVzdR8ldR8wbsV1blkAC
V5QABEAARAAQpQo/
0gVb1acPNg5+tK3yl4ODaOxcPXkp1ad5JZE1KUNL3t4rV+LNzgV/
Rsb1txWBIAdtEyQRxI581RxG3fcUDTZEkjfoZXDuXTthIvz3OXtyfKTprw2HhTgqcFaEVZLj
bvNhSv7gXN3VuAPfc49YJ0HwCz21M0qLafIAegQAFRZkAARAAQpQAEogAChAARCIA
CUWuvw7fgc1Smpcc/ZOcf4WjprrTToOfXk+48lxaZCyMAI1XLV2ZSlx8N/wDRW/
rOWpu9hpcVPtqyfvZK2fJ9x815PuLdPFL2l7lZ48nOH3Xh1pbv95jT8AoHF7uYSFOdTLLxITq
eX5sb/Ao64Ho28Ll9WqZYybaUbKLb8aSi9F6Gyh/9Pr/ma37N/
wAj6N2PvK9e3q1LmqXeIAZnTAA4SeM/
JctjlvTZUY2iwDQk5RzPTyUvuvsmnXVSVWLai4qNm1q02+H6pa9nbNpUE1SjbNa7bcm7cF
d9Gr7yP3SoShhvGjKMnNytJOLtZRWj6iZzHI9pMTuK19Woio40w6A2Tl8IA223BO0Tqt1hV
pSZb06haM8TMa6z9lsub6PkrqORM66askuRzjZWyqFZAA9LGgACIAAiAAIgACIAAiAAIg
ACIAAiAAIgACIAAiAAIgACIAAiAAggHcKZQAEqEAARAAEQABEAARAAEQABEAA
RAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQA
BEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARA
AEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEQABEAARAAEX/
9k=">
</BODY>
</HTML>

 <html>
<head>
<title></title>
</head>
<frameset rows = "20%, 20%, 20%, 20%">
<frame name = "topleft" src
="file:///C:/Users/nanuj/OneDrive/Desktop/FLIPKARTDESCRIPTION.html" />
<frame name = "topright" src
="file:///C:/Users/nanuj/OneDrive/Desktop/FLIPKARTLOGO.html" />
<frame name = "bottomleft" src ="file:///C:/Users/nanuj/OneDrive/Desktop/tableframe.html" />
<frame name = "bottomright" src="file:///C:/Users/nanuj/OneDrive/Desktop/fliplogo.html" />
</frameset>
</html>
 Practical 15
<html>
<head>
<title>Book Your Car</title>

</head>

<body>
<h1 align=middle>Maruti Suzuki</h1>
<h3 align=middle>Car booking form</h3>

<table align="center" cellpadding = "10">

<tr>
<td>FIRST NAME</td>
<td><input type="text" name="First_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)
</td>
</tr>

<tr>
<td>LAST NAME</td>
<td><input type="text" name="Last_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)
</td>
</tr>

<tr>
<td>DATE OF BIRTH</td>

<td>
<select name="Birthday_day" id="Birthday_Day">
<option value="-1">Day:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</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 id="Birthday_Month" name="Birthday_Month">

<option value="-1">Month:</option>
<option value="January">Jan</option>
<option value="February">Feb</option>
<option value="March">Mar</option>
<option value="April">Apr</option>
<option value="May">May</option>
<option value="June">Jun</option>
<option value="July">Jul</option>
<option value="August">Aug</option>
<option value="September">Sep</option>
<option value="October">Oct</option>
<option value="November">Nov</option>
<option value="December">Dec</option>
</select>

<select name="Birthday_Year" id="Birthday_Year">

<option value="-1">Year:</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>

<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>

<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
</select>
</td>
</tr>

<tr>
<td>EMAIL ID</td>
<td><input type="text" name="Email_Id" maxlength="100" /></td>
</tr>

<tr>
<td>MOBILE NUMBER</td>
<td>
<input type="text" name="Mobile_Number" maxlength="10" />
(10 digit number)
</td>
</tr>

<tr>
<td>GENDER</td>
<td>
Male <input type="radio" name="Gender" value="Male" />
Female <input type="radio" name="Gender" value="Female" />
Other <input type="radio" name="Gender" value="Other" />
</td>
</tr>

<tr>
<td>ADDRESS <br /><br /><br /></td>
<td><textarea name="Address" rows="4" cols="30"></textarea></td>
</tr>

<tr>
<td>CITY</td>
<td><input type="text" name="City" maxlength="30" />
(max 30 characters a-z and A-Z)
</td>
</tr>

<tr>
<td>PIN CODE</td>
<td><input type="text" name="Pin_Code" maxlength="6" />
(6 digit number)
</td>
</tr>

<tr>
<td>STATE</td>
<td><input type="text" name="State" maxlength="30" />
(max 30 characters a-z and A-Z)
</td>
</tr>

<tr>
<td>COUNTRY</td>
<td><input type="text" name="Country" value="India"
readonly="readonly" /></td>
</tr>

<tr>
<td>AADHAR</td>
<td><input type="file">(Upload your aadhar card)</td>
</tr>

<tr>
<td>DESCRIPTION</td>
<td><textarea name="Description" rows="4" cols="30"></textarea></td>

</td>
</tr>

<tr>
<td>MODEL</td>

<td>
<select name="model" id="model">
<option value="-1">SELECT THE MODEL</option>
<option value="S-Presso">S-Presso</option>
<option value="Wagon-R">Wagon-R</option>
<option value="Swift">Swift</option>

<option value="Baleno">Baleno</option>
<option value="Ertiga">Ertiga</option>
<option value="Dzire">Dzire</option>
<option value="Celerio">Celerio</option>
<option value="Alto-800">Alto-800</option>
<option value="XL6">XL6</option>
<option value="Ignis">Ignis</option>
<option value="Eeco">Eeco</option>
<option value="Tarzan">Tarzan</option>
</td>
</tr>

<tr>
<td colspan="2" align="center">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
</table>

</form>

</body>
</html>