Computer Application: (Web Technology, HTTP and HTML Concepts)

COMPUTER APPLICATION – II
(WEB TECHNOLOGY, HTTP AND HTML CONCEPTS)
MADE BY:
SAHIL MALHOTRA
BBA (GENERAL) A
ASSIGNMENT – I
USE OF PRE TAG
A. Create your Resume using pre tag in HTML
<Html>
<Head>
<Title>My First Program</Title>
</Head>
<Body>
<center>RESUME</Center>
<Hr Color = "Green">
<Pre>

I. Personal Information
Name : Sahil Malhotra

Father's Name : Mr.Sahjeev Malhotra
DOB : 13-October-1990
Res. Address : 4/49, Roop Nagar, Near Radha Gobind Mandir
State : Delhi
PinCode : 110007
Phone : 011-47552683 (R) , 9711118896(M)
Blood Group : O+
School : Sachdeva Public School (Branch: Pitampura)
College : Maharaja Agrasen Institute of Managemnt Studies
(Affiliated By IP Universty)
II. Other Information
Father's Occupation : Business

Office Address : 414, Katra Choban, Chandni Chowk, Delhi - 110006
Phone : 011-23254814(O), 981114449(M)

</Pre>
<Hr Color = "Green">
</Body>
</Html>
B. Create the given figures using pre tag in HTML
<html>
<head>
<title>Hello HTML</title>
<Body bgcolor = "Lime">


<Pre>
^ ^ | ^__^
(o o) | (@ @)
\ /___________ | ( )
|| ||\ | ( )
||__________V|| \ | ( )
|| || * | ^"^
</Pre>


</body>
</html>
C. Create a time-table using the pre tag
<html>
<head>
<title>TimeTable</title>
<Body>
<Pre>
Time-Table

====================================================================
Mon | TL | LAB | LAB | BL | HR | MR
--------------------------------------------------------------------
Tue | BL | HR | BE | MR | CA-II | TL
--------------------------------------------------------------------
Wed | BE | LAB | LAB | MR | HR | CA-II
--------------------------------------------------------------------
Thur | BE | BL | TL | | |
--------------------------------------------------------------------
Fri | MR | CA-II | HR | BE | TL | BL
--------------------------------------------------------------------
Sat | HR | BL | BE | CA-II | TL | MR
--------------------------------------------------------------------

</Pre>
</body>
</html>
ASSIGNMENT – II
USE OF HEADING TAG
<HTML>
<HEAD>
<TITLE>INTRODUCING INTERNET</TITLE>
</HEAD>
<BODY>

<H1 align = center> THE INTERNET</H1>
<H5 align = center> (Working on International network)</H5>

<HR>

<H3>
<OL type = "1" >
<LI>History of Internet</LI>
<LI>Network of Internet</LI>
<LI>World Wide Web (WWW)</LI>
<LI>Intranet</LI>
</OL>
</H3>

<HR>
 
History of Internet 
The seeds of Internet were planted, when U.S. Department of
Defense sponsored a project named ARPANET (acronym for Advanced Research Projects NETwork).
The goal of this project was to connect computers at different universities and U.S. defence. Soon the engineers, scientists,
Students and researchers who were part of this system, began exchanging data and messages on it.
The users of this system were also able to play long distance games and socialise with people who shared their interests.
ARPANET started with a handful of computers but it expanded rapidly. In mid 80's, another federal
agency, the National Science Foundation, created a new, high-capacity network called NSFnet, which was more
capable than ARPANET.
NSFnet allowed only the academic research on its network and not any kind of private business on it, So many private
companies built their own networks, which were later interconnected along with ARPANET and NSFnet to
form Internet.It was the Inter networking i.e., the linking of these two and some other networks (i.e., the
ARPANET, NSFnet and some private networks) that was named Internet.The original ARPANET
was shut down in 1990, and the government funding for NSFnet disconnected in 1995. But the commercial Internet services
came into picture, Which are still running the Internet,
 
Network of Internet 
In Internet, most computers are not connected directly to the Internet.
Rather they are connected to smaller networks, which in turn are connected to smaller networks, which in
turn are connected through gateways to the Internet backbone.The new terms you have encountered
just now - gateway and backbone. Lets define the two terms - A GATEWAY is a device that
connects dissimilar networks. A BACKBONE is central interconnection structure that connects one or more networks
just like the trunk of a tree or the spine of a human being.
World Wide Web (WWW) 
The World wide Web (WWW) is a set of programs, standards, and
protocols that allows the multimedia and hypertext files to be crated, displayed and linked on the Internet.
WWW Attributes 

<OL type = "i">
<LI>User-friendly</LI>
<LI>Multimedia Documents</LI>
<LI>Hypertext and Hyperlinks</LI>
<LI>Interactive</LI>
<LI>Frames</LI>
</OL>

 
Intranet 
An inranet is a network that exists exclusively within an organisation and that
is based on Internet technology. It delivers an organisation's information and thatis based on
Internet Technology. It delivers an organisation's informational resources to each member's desktop quickly and inexpensively
but projects the information from unauthorised access. Because an intranet is on Internet technology, it
can have thousands of users accross many locations and still be private.
<HR>

<H6 align = Center> Copyright © 2008 - 2010 MAIMS Pvt. Ltd. All rights reserved </H6>

</BODY>
</HTML>
ASSIGNMENT – III
USE OF IMPLICIT AND EXPLICIT TAGS
<HTML>
<HEAD>
<TITLE>Implied and Explicit Tags</TITLE>
</HEAD>
<BODY bgcolor = "#000000">
<CENTER>DO 
This Assignment is based on Implicit and Explicit
Tags.</CENTER>

 1. This line uses the BOLD Tag. Its physical meaning is Bold.
 2. This line uses the STRONG Tag. Its logical meaning is Bold.
<CITE> 3. This line uses the CITE Tag. Its logical meaning is Italic.</CITE>
 4. This line uses the ITALICS Tag. Its physical meaning is Italic.
 5. This line uses the EMPHASIS Tag.
<TT> 6. This shows the Typewriter Text.</TT>

</BODY>
</HTML>
ASSIGNMENT – IV
USE OF SUBSCRIPT, SUPERSCRIPT AND STRIKE-THROUGH TAGS
<html>
<head>
<title>SUB-SUP-STR Tags</title>
<Body bgcolor = "Pink">
<Center><STRIKE> WATER (H2O)</STRIKE></Center>
<Pre>Water is the life-source. Prooved for the
fish by myths and sciences of the world by:
 " Machaali Jal Ki
Rani Hai,
Jeevan Uska Paani Hai,
Haath Lagaoge To Daar Jaaye Gi,

Baahar Nikalo ge to Maar Jaaye Gi."</Pre>
<HR color = "Green">

<Center> MATHEMATICAL FORMULAE</Center>
(x + y)2 = x2 + y2 +
2xy 
(x - y)2 = x2 + y2 - 2xy 
x2 - y2 = (x + y)(x - y)

</body>
</html>
ASSIGNMENT –V
USE OF LIST TAGS
<Html>
<Head>
<Title>Lists</Title>
</Head>
<Body>
<Img src = "I:\CA-II HTML\IPU.gif" align = "left"><Hr color= "Mahroon" size= "7">
<Marquee><CENTER>GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY
(GGSIPU)</CENTER></Marquee>
<Hr color= "Mahroon" size= "7">
 
<!..Use of Defintion Tag..>
<DL><DT>About GGSIPU

<DD>Guru Gobind Singh Indraprastha University (GGSIPU) is a government recogonised university that is located at Delhi. It
also affiliates various different institutes from in and around the NCR with many different courses.</DL>

The affiliated Institutes falling under the GGSIP University
<!..Use of Ordered list..>

<OL type = "(I)" Start = "1">
<LI>Maharaja Agrasen Institute of Management Studies (MAIMS)</LI>
<LI>Maharaja Agrasen Institute of Tecnology (MAIT)</LI>
<LI>Maharaja Surajmal Institute (MSI)</LI>
<LI>Ansal Institute of Technology (AIT)</LI>
<LI>Delhi Institute of Advanced Studies (DIAS)</LI>
<LI>Delhi Institute of Rural Development (DIRD)</LI>
</OL>

The courses affiliated to the GGSIP University
<!..Use of Un-Ordered list..>

<UL type = "Square">
<LI>Bachelor of Business Administration (BBA)</LI>
<LI>Bachelor of Computer Administration (BCA)</LI>
<LI>Bachelor of Technology (B-Tech)</LI>
<LI>Bachelor of Architecture (B-Arch)</LI>
<LI>Bachelor of Hotel Management & Catering Technology (BHMCT)</LI>
<LI>Bachelor of Journalism & Mass Communication (BJ(MC))</LI>
<LI>Bachelor of Law (LLB)</LI>
</UL>

The different periods of courses affiliated to the GGSIP University

<!..Use of Menu list..>

<Menu type = "Disc">
<LI>Yearly</LI>
<LI>Semester</LI>
</Menu>

<Hr color = "Mahroon" size = "4">
<Center>Contact at GGSIP University</Center>
<!..Use of Directory list..>

<Dir type = "Square">
<Pre><Center><Li>Address : Kashmere Gate, Delhi </LI> <LI>Tel. :
23900166, 23900167 </LI> <LI>Fax. : 23865941, 23900111 </LI> </Center> </Pre>
</Dir>

</Body>
</Html>
ASSIGNMENT –VI
USE OF NESTED LIST
<Html>
<Head>
<Title>Nested List</Title>
</Head>
<Body>
<Hr Color = "Yellow" Size = "5">

<H1 align = "Center">AUTOMOBILES SECTOR OF INDIA</H1>

<Hr color = "Yellow" size = "5">
<OL type = "I">

<Img src = "I:\CA-II HTML\Bike.jpg" align = "Right" height = "400" width = "450">
<Li>4-WHELLER MANUFACTURERS</Li>

<UL type=square>
<Li>Maruti Suzuki</Li>
<Li>Hyundai</Li>
<Li>Honda Siel India</Li>
<Li>TATA Motors</Li>
<Li>General Motors - Chevrolet</Li>
<Li>Ford</Li>
<Li>Mistubishi</LI>
</UL>
 

<Li>2-WHELLER MANUFACTURERS</Li>

<UL type=circle>
<Li>Hero Honda</Li>
<Li>Bajaj</Li>
<Li>Suzuki</Li>
<Li>Yamaha</Li>
<Li>Honda</Li>
<Li>LML</Li>
<Li>Kinetic</Li>
</UL>
</OL>
</Body>
</Html>
ASSIGNMENT –VII
USE OF LINKING
EXTERNAL LINK
<HTML>
<HEAD>
<TITLE>INTRODUCING INTERNET</TITLE>
</HEAD>
<BODY Vlink = "#000000" Alink = "#FFFF00">

<H1 align = center> THE INTERNET</H1>
<H5 align = center> (Working on International network)</H5>

<HR>
<Pre>

<H2> 1. <A href = "#history">History of Internet</A> 2. <A href = "#net">Network of Internet</A> 3. <A href =
"#www">World Wide Web (WWW)</A></H2><H3> 3.1 <A href = "#att">WWW Attributes</A></H3><H2>
</H2></Pre>
<HR> 
<A name = "history">History of Internet</A> 
The seeds of Internet were planted, when U.S. Department of
Defense sponsored a project named ARPANET (acronym for Advanced Research Projects NETwork).
The goal of this project was to connect computers at different universities and U.S. defence. Soon the engineers, scientists,
Students and researchers who were part of this system, began exchanging data and messages on it.
The users of this system were also able to play long distance games and socialise with people who shared their interests.
ARPANET started with a handful of computers but it expanded rapidly. In mid 80's, another federal
agency, the National Science Foundation, created a new, high-capacity network called NSFnet, which was more
capable than ARPANET.
NSFnet allowed only the academic research on its network and not any kind of private business on it, So many private
companies built their own networks, which were later interconnected along with ARPANET and NSFnet to
form Internet.It was the Inter networking i.e., the linking of these two and some other networks (i.e., the
ARPANET, NSFnet and some private networks) that was named Internet.The original ARPANET
was shut down in 1990, and the government funding for NSFnet disconnected in 1995. But the commercial Internet services
came into picture, Which are still running the Internet,
 
<A name = "net">Network of Internet</A> 
In Internet, most computers are not connected directly to the Internet.
Rather they are connected to smaller networks, which in turn are connected to smaller networks, which in
turn are connected through gateways to the Internet backbone.The new terms you have encountered
just now - gateway and backbone. Lets define the two terms - A GATEWAY is a device that
connects dissimilar networks. A BACKBONE is central interconnection structure that connects one or more networks
just like the trunk of a tree or the spine of a human being.
<A name = "www">World Wide Web
(WWW)</A> 
The World wide Web (WWW) is a set of programs, standards,
and protocols that allows the multimedia and hypertext files to be crated, displayed and linked on the Internet.
<A name = "att">WWW Attributes</A> 
<Pre>(i) User-friendly
(ii) Multimedia Documents
(iii) Hypertext and Hyperlinks
(iv) Interactive
(v) Frames

</Pre>
 
See Also. <A href = "C:\Users\Aditya\Desktop\IV th Semester\214 - Computer Application-II
(Practical)\Intranet.html">Intranet</A>
 
<HR>

</BODY>
</HTML>
EXTERNAL LINK
<Html>
<Head>
<Title>INTRANET</Title>
</Head>
<Body>

<H1 align = center> THE INTRANET</H1>
<HR>
An inranet is a network that exists exclusively within an organisation and
that is based on Internet technology. It delivers an organisation's information and thatis based on
Internet Technology. It delivers an organisation's informational resources to each member's desktop quickly and inexpensively
but projects the information from unauthorised access. Because an intranet is on Internet technology, it
can have thousands of users accross many locations and still be private.
 
<HR>

</Body>
</Html>
ASSIGNMENT –VIII
GENERAL ASSIGNMENT ON HTML TAGS
<HTML>
<HEAD>
<TITLE>THE BOOKWORM BOOKSTORE::HOME PAGE</TITLE>
</HEAD>
<BODY>
<A name = "Top">
<Center><H1>The Bookworm: A Better Book Store</H1>
</A>
<Blockquote align = "Center">
"Old books are best--how tale and rhyme 
Float with us doen the stream of time!"
-Clarence Urmy, Old Songs are Best 
 
The Booksworm Bookshop 
1345 Applewood Dr 
Springfield CA 94325 
(415)555-0034
</Blockquote>
</Center>
<A name = "contents">Contents</A>
<UL><LI><A href = "#about">About the Bookworm Bookshop</A></LI>
<LI><A href = "#recent">Recent Titles</A></LI>
<LI><A href = "#up">Upcoming Events</A></LI>
</UL>
<HR>
<H3><A name = "about">About the Bookworm Bookshop</A></H3>
Since 1933, The Bookworm Bookshop has offered rare and hard-to-find titles for the discerning reader. Unlike the bigger
bookstore chains, the Bookworm offers:
<UL>
<LI>Friendly, knowledgable, and courteous help</LI>
<LI>Free coffeeand juice for our customer</LI>
<LI>A well-lit reading room so you can "try before you buy"</LI>
<LI>Four friendly cats: Esmerelda, catherine, Dulcinea and Beatrice </LI>
</UL>
Our hours are 10am to 9pm weekdays, noon to 7 on weekends.
 
 
<A href = "#contents">Back to Contents</A> | <A href = "#top">Back to Top</A>
<HR>
<H3><A name = "recent">Recent Titles (as of 11-Nov-99)</A></H3>
<UL>
<LI>Sandra Bellweather, Belladona</LI>
<LI>Johnathan Tin, 20-Minutes Meals for One</LI>
<LI>Maxwell Burgess, Legion of Thunder</LI>
<LI>Alison Caine, Banguo's Ghost</LI>
</UL>
 
<A href = "#contents">Back to Contents</A> | <A href = "#top">Back to Top</A>
<HR>
<H3><A name = "up">Upcoming Events</A></H3>

<UL>
<LI>The Wednesday Evening Book Review meets, approximately on Wednesday evenings at 7:00 PM for coffee and a
round table discussion. Call the bookworm for information on joining the group an this week's reading assignment</LI>
<LI>The Children's Hour happens every Saturday at 1pm and includes reading, games and other activities. Cookis and
milk are served.</LI>
<LI>Carrol Fenney will be at the Bookworm on Friday,Septembe 17, to read for her book of poems Spiders in the
Web.</LI>
<LI>The bookworm will be closed October 1 to remove a family of bats that has nested in the tower. We like the
company, but not the mess they leave behind!</LI>
</UL>
 
<A href = "#contents">Back to Contents</A> | <A href = "#top">Back to Top</A> 
<HR>
 
<PRE>
<Address>Last Updated: 11-Nov-99
WebMaster: Laura Lemay <A href = "Mailto:lemay@bookworm.com">Lemay@bookworm.com</A>
© copyright 1999 the Bookworm
</Address>
</PRE>
</BODY>
</HTML>
ASSIGNMENT – IX
USE OF IMAGE TAG
<HTML>
<HEAD>
<TITLE>Image Alignment</TITLE>
</HEAD>
<BODY bgcolor = "Yellow">
<h2>Middle of Text and Line aligned, arrow varies:</h2>
<img src="line.gif" alt="Line">
Align: Top
<img src="uparrow.gif" alt="Up" align="top">
Align: Text Top
<img src="uparrow.gif" alt="Up" align="texttop">
 
<h2>Top of Text and Line aligned, arrow varies:</h2>
Align: Absolute Middle
<img src="forward.gif" alt="Next" align="absmiddle">
Align: Middle
<img src="forward.gif" alt="Next" align="middle">
 
<h2>Top of Text and Line aligned, arrow varies:</h2>
Align: Baseline / Bottom
<img src="down.gif" alt="Down" align="baseline">
Align: Absolute Bottom
<img src="down.gif" alt="Down" align="absbottom">
</BODY>
</HTML>
ASSIGNMENT – X
USE OF TAG
<html>
<head>
<title>Antonov An-225</title></head>
<body>
<Center><img src="Antonov 225(1).jpg" hspace="10" vspace="5" border="2" height = "176" width = "1189" ></center>
 
<h1><center>Antonov An-225</center></h1>

<hr size="5" color="orange">
<img src="Antonov 225(0).jpg" align="right" hspace="10" vspace="5" border="2" height = "414" width = "313" >

 
Introduction 
The An-225 Mriya is a strategic airlift transport aircraft which was built by the Antonov Design Bureau, USSR. It is the world's
largest fixed-wing
aircraft. The design, built to transport the Buran orbiter, was an enlargement of the successful An-124 Ruslan. Mriya means
"Dream" (Inspiration) in
Ukrainian. The Antonov An-225 is commercially available for flying any over-sized payload due to the unique size of its cargo
deck. Currently there is
only one aircraft operating. 
Development 
Space shuttle Buran being carried by the An-225 The An-225 was designed for the Soviet space program as a replacement for
the Myasishchev VM-T. Able to
airlift the Energia rocket's boosters and the Buran space shuttle, its mission and objectives are almost identical to that of the
United States' Shuttle
Carrier Aircraft.The An-225 first flew on 21 December 1988. The aircraft was on static display at the Paris Air Show in 1989 and
it flew during the public
days at the Farnborough air show in 1990. Two aircraft were ordered, but only one An-225 (tail number UR-8206) is currently in
service. It is commercially
available for carrying ultra-heavy and oversize freight, up to 250,000 kg (550,000 lb) internally,or 200,000 kg (440,000 lb) on the
upper fuselage.
Cargo on the upper fuselage can be 70 metres (230 ft) long.A second An-225 was partially built during the late 1980s for use by
the Soviet space program.
The design of the second An-225 included a rear cargo door and a redesigned tail with a single vertical stabilizer. It would be
more effective for cargo
transportation. Following the collapse of the Soviet Union in 1990 and the cancellation of the Buran space program, the lone
operational An-225 was placed
in storage in 1994. The six Ivchenko Progress engines were removed for use on An-124s, and the second uncompleted An-225
airframe was also stored. The
first An-225 was later re-engined and put into service.By 2000, it had become apparent of the need for additional An-225
capacity, the decision
was made in September 2006 to complete the second An-225. The second airframe was scheduled for completion around
2008, then delayed. By August 2009, the
aircraft had not been completed and work had been abandoned.
 
<img src="design.jpg" align="left" hspace="10" vspace="5" border="2">
 Design 

Based on Antonov's earlier An-124, the An-225 has fuselage barrel extensions added fore and aft of the wings, which received
root extensions. Two more
Ivchenko Progress D-18T turbofan engines were added to the new wing roots, bringing the total to six, and an increased-
capacity landing gear system with
32 wheels was designed. The An-124’s rear cargo door and ramp were removed to save weight, and the empennage was
changed from a single vertical stabilizer
to a twin tail with an oversized horizontal stabilizer. The twin tail was essential to enable the plane to carry very large and
heavy external loads, which
would otherwise disturb the aerodynamics of a conventional tail. Unlike the An-124, the An-225 was not intended for tactical
airlifting and is not designed
for short-field operation.Initially the 225 had a maximum gross weight of 600 tonnes (1,320,000 lb) but the aircraft was
modified in 2000-01, at a cost of
US$20M, with a reinforced floor which allowed increasing the maximum gross weight to 640 tonnes (1,410,000 lb), Both the
earlier and later takeoff weights
establish the An-225 as the world's heaviest aircraft, being heavier than the double-decker Airbus A380 even though Airbus
plans to pass the An-225's
maximum landing weight with 591.7 tonnes (1,304,000 lb) for the A380. The Hughes H-4 Hercules, known to most as the
"Spruce Goose", had a greater
wingspan and a greater overall height, but was considerably shorter, and due to the materials used in its construction, also
lighter. In addition, the
Hercules only flew once and never climbed above 21.3 m (70 ft), making the An-225 the largest aircraft in the world to take off
multiple times. The An-225
is not only larger than the Airbus A380 airliner, it is also considerably bigger than the Antonov An-124, Boeing 747 Large Cargo
Freighter, and Lockheed
C-5 Galaxy, the nearest equivalent heavy cargo aircraft.

<table border="4" bordercolor="Maroon" cellpadding="10" width="80%" align = "center">
<tr>
<th align="center"><basefont size = "4">Specifications (An-225) </th>
<td>
General characteristics 
Crew: 6 
Payload: 250,000 kg (550,000 lb) 
Door dimensions: 440 x 640 cm (14.4 x 21 ft) 
Length: 84 m (275.6 ft) 
Wingspan: 88.4 m (290 ft 2 in) 
Height: 18.1 m (59.3 ft) 
Wing area: 905 m2 (9,743.7 ft2) 
Cargo Volume: 1,300 m3 (46,000 cu ft)) 
Empty weight: 285,000 kg (628,315 lb) 
Max takeoff weight: 640,000 kg (1,323,000 lb) 
Powerplant: 6× ZMKB Progress D-18 turbofans, 229.5 kN (51,600 lbf) each 
Takeoff run: 3,500 m (11,000 ft) with maximum payload 
Performance: 
Maximum speed: 850 km/h (460 knots, 530 mph) 
Cruise speed: 800 km/h (430 knots, 500 mph) 
Range: 
With maximum fuel: 15,400 km (9,570 mi) 
With maximum payload: 4,000 km (2,500 mi)) 
Service ceiling: 11,000 m (36,100 ft) 
Wing loading: 662.9 kg/m2 (135.5 lb/ft2) 
Thrust/weight: 0.234 
</td>
</table>
 
<Center><A href="G:/CA-II HTML/Index/Index.html"><img src = "Back.jpg" height = "30" Width =
"30"> BACK</A></Center>
</body>
</html>
ASSIGNMENT – XI
IMAGE MAPPING
<HTML>
<HEAD>
<TITLE>Image Mapping
</TITLE>
</HEAD>
<BODY>
<map name = "map1">
<area href = "G:/CA-II%20HTML/Use%20of%20BR%20Tag/BR%20Tag.html" alt = "BR" title = "BR" shape = "rect" coords = "5,88,86,6">
<area href = "G:/CA-II%20HTML/Use%20of%20HR%20Tag/HR.html" alt = "HR" title = "HR" shape = "square" coords =
"104,202,202,104">
<area href = "G:/CA-II%20HTML/General%20Assignment%20on%20HTML%20Tags/BB-store.html" alt = "GA" title = "GA" shape =
"square" coords = "342,345,296,218">
<area href = "G:/CA-II%20HTML/Use%20of%20Nested%20List/nested_list.html" alt = "NL" title = "NL" shape = "triangle" coords =
"104,193,188">
<img src = "Blocks.jpg" alt = "shapes" border = "0" usemap = "#map1" />
</map>
</BODY>
</HTML>
ASSIGNMENT – XI
USE OF TABLE TAG - I
A. Create a Calendar for the current year using table tag

<HTML>
<HEAD>
<TITLE>Calendar
</TITLE>
</HEAD>
<BODY bgcolor = "Yellow" >
 
<Marquee behaviour = "Slide" bgcolor = "Lavander"><Center>CALENDAR 2010
</Center></Marquee>
 
<HR Size = "10" color = "Lavander">
<IMG src = "smiley_face.jpg" Width = "1247" Height = "286">
<HR Size = "10" color = "Lavander">
 
 
<Table border="3" bordercolor="Lavander" bgcolor = "Yellow" cellpadding="5" width="45%" align = "Left">
<caption align = "center">JANUARY</Caption>
<tr bgcolor = "Lavander">
<th width = "15%">Sunday</th>
<th width = "15%">Monday</th>
<th width = "15%">Tuesday</th>
<th width = "15%">Wednesday</th>
<th width = "15%">Thursday</th>
<th width = "15%">Friday</th>
<th width = "15%">Saturday</th>
</tr>
<tr bgcolor = "White">
<td align = "center">31</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align = "center">1</td>
</tr>
</tr>
</tr>
</tr>
</tr>
</table>
<table border="3" bordercolor="Lavander" bgcolor = "Yellow" cellpadding="5" width="45%" align = "right">
<caption align = "center">FEBRUARY</Caption>
</tr>
<td></td>
</tr>
</tr>
</tr>
</tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<table border="3" bordercolor="Lavander" bgcolor = "Yellow" cellpadding="5" width="45%" align = "Left">
<Caption align = "center">MARCH</Caption>
</tr>
<td></td>
</tr>
</tr>
</tr>
</tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<caption align = "center">APRIL</Caption>
</tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
<td> </td>
</tr>
</table>
<caption align = "center">MAY</Caption>
</tr>
<tr bgcolor = "White" >
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
</tr>
</table>
<caption align = "center">JUNE</Caption>
</tr>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<caption align = "center">JULY</Caption>
</tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
</tr>
</table>
<caption align = "center">AUGUST</Caption>
</tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
</tr>
</table>
 <Table border="3" bordercolor="Lavander" bgcolor = "Yellow" cellpadding="5" width="45%" align = "Left">
<caption align = "center">SEPTEMBER</Caption>
</tr>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
<td></td>
<td></td>
</tr>
</table>
<caption align = "center">OCTOBER</Caption>
</tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
</tr>
</table>
 <Table border="3" bordercolor="Lavander" bgcolor = "Yellow" cellpadding="5" width="45%" align = "Left">
<caption align = "center">NOVEMBER</Caption>
</tr>
<td></td>
</tr>
</tr>
</tr>
</tr>
<td>29</td>
<td>30</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<caption align = "center">DECEMBER</Caption>
</tr>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
</tr>
</tr>
<td></td>
</tr>
</table>
</BODY>
</HTML>
B. Create your Time-Table using table tag in HTML
<HTML>
<HEAD>
<TITLE>Time-Table
</TITLE>
</HEAD>
<BODY BACKGROUND = "BG_1.jpg">
 
<Center>TIME - TABLE</Center>
 
<Table border="3" bordercolor="Lavander" bgcolor = "Yellow" cellpadding="3" width="80%" align = "Center">
<th width = "15%">DAYS</th>
<th width = "15%"> 9:30 - 10:30</th>
<th width = "15%">10:30 - 11:30</th>
<th width = "15%">11:30 - 12:30</th>
<th width = "4%">12:30 - 1:00</th>
<th width = "15%"> 1:00 - 2:00</th>
<th width = "15%"> 2:00 - 3:00</th>
<th width = "15%"> 3:00 - 4:00</th>
</tr>
<td align = "Left">MONDAY</td>
<td align = "center">TL</td>
<td align = "center">LAB</td>
<th rowspan = "6">B R E A K</th>
<td align = "center">BL</td>
<td align = "center">HRM</td>
<td align = "center">MR</td>
</tr>
<td align = "Left">TUESDAY</td>
<td align = "center">BE</td>
<td align = "center">CA-II</td>
</tr>
<td align = "Left">WEDNESDAY</td>
</tr>
<td align = "Left">THURSDAY</td>
<td></td>
<td></td>
<td></td>
</tr>
<td align = "Left">FRIDAY</td>
</tr>
<td align = "Left">SATURDAY</td>
</tr>
<td align = "Left">SUNDAY</td>
<th colspan = "7"><Pre>H O L I D A Y</Pre></th>
</tr>
</table>
</HTML>
C. Create the given table using table tag in HTML
<html>
<head>
<title>Grouping Columns</title>
</head>
<body background="BG.jpg">
 
 
<table border="4" bordercolor="Green" background="BG_1.jpg" cellpadding="" width="100%" align="center">
<caption> SCIENCE AND MATHEMATICS CLASS SCHEDULES</caption>
<colgroup width="20%" align="center" valign="top"></colgroup>
<colgroup span="2" width="40%" valign="top"></colgroup>
<thead>
<tr background="BG_1.jpg">
<th>CLASS</th>
<th>ROOM</th>
<th>TIME</th>
</tr>
</thead>
<tfoot>
<tr background="BG_1.jpg">
<th>CLASS</th>
<th>ROOM</th>
<th>TIME</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Biology</td>
<td>Science Wing, Room 102</td>
<td>8:00 AM to 9:45 AM</td>
</tr>
<tr>
<td>Science</td>
<td>9:50 AM to 11:30 AM</td>
</tr>
<tr>
<td>Physics</td>
<td>1:00 PM to 2:45 PM</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Geometry</td>
<td>Mathematics Wing, Room 236</td>
<td>8:00 AM to 9:45 AM</td>
</tr>
<tr>
<td>Algebra</td>
<td>9:50 AM to 11:30 AM</td>
</tr>
<tr>
<td>Trigonometry</td>
<td>1:00 PM to 2:45 PM</td>
</tr>
</tbody>
</table>
</body>
</html>
ASSIGNMENT – XII
USE OF TABLE TAG – II
(Use of Rowspan - Colspan I)
<HTML>
<HEAD>
<TITLE>TABLE</TITLE>
</HEAD>
<BODY background="BG.jpg">
<Table background="BG_1.jpg" border="2" bordercolor="Green" cellpadding="5" cellspacing="2" width="80%" align =
"Center">
<CAPTION align="Center">DRIVE BELT DEFLECTION</CAPTION>
<tr>
<th colspan="2" rowspan="2"> </th>
<th colspan="2">USED BELT DEFLECTION</th>
<th colspan="2" rowspan="2">SET DEFLECTION OF NEW BELT</th>
</tr>
<tr><th width="20%">LIMIT</th>
<th>ADJUST DEFLECTION</th></tr>
<tr>
<th rowspan="2">ALTERNATIVE</th>
<td align="Center">Models without A/c</td>
<td align="Center">10 min</td>
<td align="Center">5-7 min</td>
<td rowspan="2" align="Center">5-7 min</td>
</tr>
<tr><td align="Center">Models with A/c</td>
<td align="Center">12 min</td>
<td align="Center">6-8 min</td>
</tr>
<tr>
<th colspan="2" rowspan="8" align="center"> Power Steering Oil Pump </th>
<td rowspan="8" align="Center">12.5 min</td>
<td rowspan="8" align="Center">7.9 min</td>
<td rowspan="8" align="Center">6-8 min</td>
</tr>
</table>
</BODY>
</HTML>
ASSIGNMENT – XIII
USE OF TABLE TAG - III
A. Create a Table with use of Anchor tag (Linking) using table tag
<HTML>
<HEAD>
<TITLE>MP3WORLD::HOMEPAGE</TITLE>
</HEAD>
<BODY BGCOLOR="LIMEGREEN">
<MARQUEE BEHAVIOR="SLIDE" BGCOLOR="ORANGE"><IMG SRC="MP3.JPG" WIDTH="1186" HEIGHT="120"></MARQUEE>
 
<TABLE BORDER="0" BORDERCOLOR="GOLDENROD" CELLPADING="3" WIDTH="70%" ALIGN="CENTER" BGCOLOR="DARKORANGE">
<TR>
<TD ROWSPAN="3"><CENTER><IMG SRC = "KCK-TITLE.jpg" width="380" height="220"></CENTER></TD>
</TR>
<TR>
<TD>Movie Details 
Genre : Thriller / Romance 
Language : Hindi 
Release On : Released on Feb 26, 2010 
Website : www.karthikcallingkarthik.com 
</TD>
<TR>
<TD>
Cast 
Farhan Akhtar - Karthik Narayan 
Deepika Padukone - Shonali Mukherjee 
Ram Kapoor - Mr. Kamath 
Shefali Chhaya - Mrs. Kapadia 
Vivan Bhatena
</TD>
<TD>
Production Credits 
Director: Vijay Lalwani 
Producer: Farhan Akhtar 
Written by: Vijay Lalwani
</TD>
</TR>
</TR>
</TABLE>
 
<TABLE BORDER="4" BORDERCOLOR="GOLDENROD" CELLPADING="3" WIDTH="90%" ALIGN="CENTER" BGCOLOR="DARKORANGE">
<TR>
<TH>NAME OF SONG</TH>
<TH>NAME OF ARTIST</TH>
<TH>PLAY</TH>
</TR>
<TR BGCOLOR="DARKCYAN">
<TD>Hey Ya!</TD>
<TD>Clinton Cerejo, Shankar Mahadevan & Loy Mendonsa; </TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 01 - Hey Ya!.MP3"><IMG SRC = "play.jpg" width="30"
height="30"></A></CENTER></TD>
</TR>
<TD>Uff teri Adaa</TD>
<TD>Shankar Mahadevan & Alyssa Mendonsa</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 02 - Uff teri adaa.MP3"><IMG SRC = "play.jpg" width="30"
</TR>
<TD>Jaane Ye Kya Hua</TD>
<TD>K.K.</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 03 - Jaane Ye Kya Hua.MP3"><IMG SRC = "play.jpg"
width="30" height="30"></A></CENTER></TD>
</TR>
<TD>Kaisi Hai Ye Udaasi</TD>
<TD>Kailash Kher & Sukanya Purayastha</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 03 - Jaane Ye Kya Hua.MP3"><IMG SRC = "play.jpg"
</TR>
<TD>Karthik Calling Karthik</TD>
<TD>Suraj Jaggan, Shankar Mahadevan, Caralisa Monteiro & Malika Singh</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 05 - Karthik Calling Karthik.MP3"><IMG SRC = "play.jpg"
</TR>
<TD>Karthik 2.0</TD>
<TD>Midival Punditz & Karsh Kale</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 06 - Karthik 2.0.MP3"><IMG SRC = "play.jpg" width="30"
</TR>
<TD>Karthik Calling Karthik (Theme Remix)</TD>
<TD>Midival Punditz & Karsh Kale</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 07 - Karthik Calling Karthik (Theme Remix).MP3"><IMG SRC =
"play.jpg" width="30" height="30"></A></CENTER></TD>
</TR>
<TD>Hey Ya! (Remix)</TD>
<TD>Clinton Cerejo, Shankar Mahadevan & Loy Mendonsa</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 08 - Hey Ya! (Remix).MP3"><IMG SRC = "play.jpg"
width="30" height="30"></A></CENTER></TD></TR>
<TD>Uff teri adaa (Remix)</TD>
<TD>Shankar Mahadevan & Alyssa Mendonsa</TD>
<TD><CENTER><A HREF="Karthik Calling Karthik\Karthik Calling Karthik - 09 - Uff teri adaa (Remix).MP3"><IMG SRC = "play.jpg"
width="30" height="30"></A></CENTER></TD></TR>
</TABLE>
</BODY>
</HTML>
B. Create a Table about various cars in India (Use of Rowspan - Colspan II)
<HTML>
<HEAD>
<TITLE>CARS :: HOME PAGE ::</TITLE>
</HEAD>
<BODY BGCOLOR="ForestGreen" TOPMARGIN="57" LEFTMARGIN="67">
<TABLE Align="Center" Border="2" BorderColor="NAVY" Width="100%" BGCOLOR="NAVY">
<TR>
<TH COLSPAN="3" BGCOLOR="ORANGE"><CENTER>CARS IN
INDIA</TH>
</TR>
<TR>
<TH BGCOLOR="LimeGreen" ROWSPAN="2">COMPANY</TH>
<TH BGCOLOR="LimeGreen" COLSPAN="2">MODELS</TH>
</TR>
<TR>
<TH BGCOLOR="LimeGreen">Version</TH>
<TH BGCOLOR="LimeGreen">Price (Ex-Showroom)</TH>
</TR>
<TR>
<TH WIDTH="45%" ROWSPAN="4" BGCOLOR="IVORY"><Center><IMG src="audi_logo.jpg" width="204" height="186"
align="Left" hspace="9" vspace="25">
 AUDI</Center></TH>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="A4.jpg" class="img-border" align="Left" hspace="9"
vspace="25"> Audi A4</Center></TD>
<TD BGCOLOR="IVORY"><Center>Rs. 28,79,000 - Rs. 36,11,000</center></TD>
</TR>
<TR>
<TD BGCOLOR="IVORY"><Center>Rs. 39,14,000 - Rs. 45,12,000</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="TT Coupe.jpg" class="img-border" align="Left" hspace="9"
vspace="25"> Audi TT Coupe</Center></TD>
<TD BGCOLOR="IVORY"><Center>Rs. 47,27,000</Center></TD>
</TR>
<TR>
<TD BGCOLOR="IVORY"><Center>Rs. 71,69,827 - Rs. 1,02,21,942</Center></TD>
</TR>
<TR>
<TH width="45%" RowSpan="2" BGCOLOR="IVORY"><Center><IMG src="bmw_logo.jpg" width="204" height="186"
 BMW</Center></TH>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="3 Series.jpg" class="img-border" align="Left" hspace="9"
vspace="32"> BMW 3 Series</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><center><IMG src="X3.jpg" height="73" width="77" align="Left" hspace="9"
vspace="25"> BMW X3</center></TD>
<TD BGCOLOR="IVORY"><Center>Rs. 40,80,000</center></TD>
</TR>
<TR>
<TH width="30%" RowSpan="3" BGCOLOR="IVORY"><Center><IMG src="ford_logo.jpg" width="204" height="186" align="Left"
hspace="9" vspace="25">
 FORD</Center></TH>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Ikon.jpg" class="img-border" align="Left" hspace="9"
vspace="25"> Ford Ikon</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Fiesta.jpg" height="73" width="77" align="Left" hspace="9"
vspace="25"> Ford Fiesta</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Endeavour.jpg" height="73" width="77" align="Left" hspace="9"
vspace="25"> Ford Endeavour</Center></TD>
</TR>
<TR>
<TH WIDTH="45%" ROWSPAN="4" BGCOLOR="IVORY"><Center><IMG src="hyundai_logo.jpg" width="204" height="186"
 HYUNDAI</Center></TH>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Santro.jpg" class="img-border" align="Left" hspace="9"
vspace="25"> Hyundai Santro Xing</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="i10.jpg" class="img-border" align="Left" hspace="9"
vspace="25"> Hyundai i10</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="i20.jpg" height="73" width="127" align="Left" hspace="1"
vspace="25"> Hyundai i20</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Sonata.jpg" height="73" width="127" align="Left" hspace="9"
vspace="25"> Hyundai Sonata Transform</Center></TD>
</TR>
<TR>
<TH width="30%" RowSpan="3" BGCOLOR="IVORY"><Center><IMG src="nissan_logo.jpg" width="204" height="186"
 NISSAN</Center></TH>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="X.jpg" class="img-border" align="Left" hspace="9"
vspace="25"> Nissan X Trail</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Teana.jpg" height="73" width="77" align="Left" hspace="9"
vspace="25"> Nissan Teana</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="370Z.jpg" height="73" width="77" align="Left" hspace="9"
vspace="25"> Nissan 370Z</Center></TD>
</TR>
<TR>
<TH width="45%" RowSpan="2" BGCOLOR="IVORY"><Center><IMG src="Volks_logo.jpg" width="204" height="186"
 VOLKSWAGEN</Center></TH>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Beetle.jpg" class="img-border" align="Left" hspace="9"
vspace="37"> Volkswagen Beetle</Center></TD>
<TD BGCOLOR="IVORY"><Center>Rs. 20,45,000</Center></TD>
</TR>
<TR>
<TD WIDTH="30%" BGCOLOR="IVORY"><Center><IMG src="Passat.jpg" height="73" width="77" align="Left" hspace="9"
vspace="25"> Volkswagen Passat</Center></TD>
</TR>
</TABLE>
 
 
<CENTER><A HREF="G:/CA-II HTML/Index/Index.html"><IMG SRC = "Back.jpg" height = "30" Width =
"30"> BACK</A></CENTER>
</BODY>
</HTML>

Computer Application: (Web Technology, HTTP and HTML Concepts)

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Computer Application: (Web Technology, HTTP and HTML Concepts)

Uploaded by

Copyright:

Available Formats

COMPUTER APPLICATION – II

(WEB TECHNOLOGY, HTTP AND HTML CONCEPTS)

A. Create your Resume using pre tag in HTML

Name : Sahil Malhotra

<B>II. <U>Other Information</U></B>

Father's Occupation : Business

Haath Lagaoge To Daar Jaaye Gi,

<HR color = "Green">

<!..Use of Ordered list..>

<!..Use of Un-Ordered list..>

<B>The different periods of courses affiliated to the GGSIP University</B>

<!..Use of Menu list..>

<!..Use of Directory list..>

<B><H3><A name = "up">Upcoming Events</A></H3></B>

A. Create a Calendar for the current year using table tag

You might also like