SlideShare a Scribd company logo
1 of 33
Download to read offline
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
EXPERIMENT NO. 1
Aim :- Write a program to join 5 web page using HTML.
Web Page 1-
Source-
<head>
<title>top10.com</title>
</head>
<frameset rows="120,*">
<frame src="top.html">
<frameset cols="190,*">
<frame src="left.html">
<frame src="cfg.html">
</frameset>
<noframes>
<body>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
<body bgcolor="white">
<p>Alternate content</p>
</body>
</noframes>
</frameset>
</html>
<html>
<body bgcolor="white">
<a href="http://www.flipcart.com">
<img src="C:UsersNARESH KULRIYADesktopfk.jpg" ></a>
</body></html>
< html >
<body bgcolor="white">
<img src="C:UsersNARESH KULRIYADesktoptt.jpg" >
</body></html>
<html>
<head>
<style>
li{float:center;}
a:link,a:visited
{display:inline-block;width:100px;hight:100;
font-weight:bold;
}
a:hover,a:active
{
}
nav ul ul {
display: none;}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: blue;
background: linear-gradient(top, pink);
background: -moz-linear-gradient(top, green);
background: -webkit-linear-gradient(top, red);
box-shadow: 0px 0px 9px rgba(orange);
padding: 0 20px;
border-radius: 30px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
nav ul li {
float: left;
}
nav ul li:hover {
background: cyan;
background: linear-gradient(top, );
background: -moz-linear-gradient(top, );
background: -webkit-linear-gradient(top, );
}
nav ul li:hover a {
color: green;
}
nav ul li a {
display: block; padding: 25px 40px;
color: cyan; text-decoration: none;
}
nav ul ul {
background: pink; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: red;
}
nav ul ul li a:hover {
background: orange;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
</style>
</head>
<body>
<body bgcolor="WHITE">
<nav>
<ul>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
<li><a href="cfg.html">Home</a></li>
<li><a href="#">Largest</a>
<ul>
<li><a href="it.html">IT Compnies</a></li>
<li><a href="#">Buildings</a></li>
<li><a href="#">Country</a>
<ul>
<li><a href="#">Area</a></li>
<li><a href="#">Population</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Beautiful</a>
<ul>
<li><a href="#">Women</a></li>
<li><a href="BUTI.HTML">City</a></li>
</ul>
</li>
<li><a href="rich1.html">Richest</a></li>
<li><a href="#">Sports</a>
<ul>
<li><a href="#">Cricket</a></li>
<li><a href="#">Tenis</a></li>
<li><a href="#">Football</a>
<ul>
<li><a href="#">Team</a></li>
<li><a href="ft.html">Player</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</body>
</html>
Web page 2-
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Source-
<html>
<head>
<style>
li{float:center;}
a:link,a:visited
{display:inline-block;width:100px;hight:100;
font-weight:bold;
}
a:hover,a:active
{
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: blue;
background: linear-gradient(top, pink);
background: -moz-linear-gradient(top, green);
background: -webkit-linear-gradient(top, red);
box-shadow: 0px 0px 9px rgba(orange);
padding: 0 20px;
border-radius: 30px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: cyan;
background: linear-gradient(top, );
background: -moz-linear-gradient(top, );
background: -webkit-linear-gradient(top, );
}
nav ul li:hover a {
color: green;
}
nav ul li a {
display: block; padding: 25px 40px;
color: cyan; text-decoration: none;
}
nav ul ul {
background: pink; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: red;
}
nav ul ul li a:hover {
background: orange;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
</style>
</head>
<body>
<body bgcolor="WHITE">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Largest</a>
<ul>
<li><a href="it.html">IT Compnies</a></li>
<li><a href="#">Buildings</a></li>
<li><a href="#">Country</a>
<ul>
<li><a href="#">Area</a></li>
<li><a href="#">Population</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Beautiful</a>
<ul>
<li><a href="#">Women</a></li>
<li><a href="BUTI.HTML">City</a></li>
</ul>
</li>
<li><a href="#">Richest</a></li>
<li><a href="#">Sports</a>
<ul>
<li><a href="#">Football</a></li>
<li><a href="#">Tenis</a></li>
<li><a href="#">Cricket</a>
<ul>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
<li><a href="#">Team</a></li>
<li><a href="#">Player</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
<h1 style="color:BLACK"> TOP 10 IT COMPNIES IN THE WORLD</h1>
<h2 style="color:cyan">1 | Microsoft Corporation</h2>
<img src="C:UsersNARESH KULRIYADesktophd.jpg" align="left">
<p><h3 style="color:black">Microsoft Corporation is an American multinational software corporation
headquartered in Redmond, Washington that develops, manufactures, licenses, and supports a wide
range of products and services related to computing. The company was founded by Bill Gates and Paul
Allen on April 4, 1975. Microsoft is the world's largest software maker measured by revenues. It is also
one of the world's most valuable companies.
Microsoft was established to develop and sell BASIC interpreters for the Altair 8800. It rose to
dominate the personal computer operating system market with MS-DOS in the mid-1980s,followed by
the Microsoft Windows line of operating systems. The company's 1986 initial public offering,and
subsequent rise in its share price, created an estimated three billionaires and 12,000 millionaires from
Microsoft employees.Since the 1990s,it has increasingly diversified from the operating system market
and has made a number of corporate acquisitions. In May 2011,Microsoft acquired Skype Technologies
for $8.5 billion in its largest acquisition to date.
As of 2013,Microsoft is market dominant in both the PC operating system and office suite markets(the
latter with Microsoft Office).The company also produces a wide range of other software for desktops
and servers,and is active in areas including internet search (with Bing), the video game industry (with
the Xbox and Xbox 360 consoles, and the upcoming Xbox One console), the digital services market
(through MSN), and mobile phones (via the Windows Phone OS). In June 2012, Microsoft announced
that it would be entering the PC vendor market for the first time, with the launch of the Microsoft
Surface tablet computer.</h3></p>
</BODY>
</HTML>
Web page 3-
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Source-
<html>
<head>
<style>
li{float:center;}
a:link,a:visited
{display:inline-block;width:100px;hight:100;
font-weight:bold;
}
a:hover,a:active
{
}
nav ul ul {
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: blue;
background: linear-gradient(top, pink);
background: -moz-linear-gradient(top, green);
background: -webkit-linear-gradient(top, red);
box-shadow: 0px 0px 9px rgba(orange);
padding: 0 20px;
border-radius: 30px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: cyan;
background: linear-gradient(top, );
background: -moz-linear-gradient(top, );
background: -webkit-linear-gradient(top, );
}
nav ul li:hover a {
color: green;
}
nav ul li a {
display: block; padding: 25px 40px;
color: cyan; text-decoration: none;
}
nav ul ul {
background: pink; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
}
nav ul ul li a {
padding: 15px 40px;
color: red;
}
nav ul ul li a:hover {
background: orange;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
</style>
</head>
<body>
<body bgcolor="WHITE">
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="#">Largest</a>
<ul>
<li><a href="it.html">IT Compnies</a></li>
<li><a href="#">Buildings</a></li>
<li><a href="#">Country</a>
<ul>
<li><a href="#">Area</a></li>
<li><a href="#">Population</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Beautiful</a>
<ul>
<li><a href="#">Women</a></li>
<li><a href="BUTI.HTML">City</a></li>
</ul>
</li>
<li><a href="rich1.html">Richest</a></li>
<li><a href="#">Sports</a>
<ul>
<li><a href="#">Cricket</a></li>
<li><a href="#">Tenis</a></li>
<li><a href="#">Football</a>
<ul>
<li><a href="#">Team</a></li>
<li><a href="ft.html">Player</a></li>
</ul>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
</li>
</ul>
</li>
</ul>
</nav>
<h1 style="color:BLACK"> TOP 10 BEAUTIFUL CITIES IN THE WORLD</h1>
<h2 style="color:cyan">1 | VENICE</h2>
<img src="C:UsersNARESH KULRIYADesktopveni.jpg" align="left">
<p><h3 style="color:black">Venice (English /'v?n?s/; Italian: Venezia [ve'n?ttsia] ( listen) alternative
obsolete form: Vinegia; Venetian: Venexia [ve'n?sja]; Latin: Venetia) is a city in northeastern Italy sited
on a group of 118 small islands separated by canals and linked by bridges. It is located in the marshy
Venetian Lagoon which stretches along the shoreline, between the mouths of the Po and the Piave
Rivers. Venice is renowned for the beauty of its setting, its architecture and its artworks. The city in its
entirety is listed as a World Heritage Site, along with its lagoon</h3></p>
<h3 style="color:black">Venice is the capital of the Veneto region. In 2009, there were 270,098 people
residing in Venice's comune (the population estimate of 272,000 inhabitants includes the population of
the whole Comune of Venezia; around 60,000[3] in the historic city of Venice (Centro storico); 176,000
in Terraferma (the Mainland), mostly in the large frazioni of Mestre and Marghera; 31,000 live on other
islands in the lagoon). Together with Padua and Treviso, the city is included in the Padua-Treviso-Venice
Metropolitan Area (PATREVE), with a total population of 1,600,000. PATREVE is only a statistical
metropolitan area without any degree of autonomy.
</h3>
</BODY>
</HTML>
Web page 4-
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Source-
<html>
<head>
<style>
li{float:center;}
a:link,a:visited
{display:inline-block;width:100px;hight:100;
font-weight:bold;
}
a:hover,a:active
{
}
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: blue;
background: linear-gradient(top, pink);
background: -moz-linear-gradient(top, green);
background: -webkit-linear-gradient(top, red);
box-shadow: 0px 0px 9px rgba(orange);
padding: 0 20px;
border-radius: 30px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: cyan;
background: linear-gradient(top, );
background: -moz-linear-gradient(top, );
background: -webkit-linear-gradient(top, );
}
nav ul li:hover a {
color: green;
}
nav ul li a {
display: block; padding: 25px 40px;
color: cyan; text-decoration: none;
}
nav ul ul {
background: pink; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: red;
}
nav ul ul li a:hover {
background: orange;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
</style>
</head>
<body>
<body bgcolor="WHITE">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Largest</a>
<ul>
<li><a href="it.html">IT Compnies</a></li>
<li><a href="#">Buildings</a></li>
<li><a href="#">Country</a>
<ul>
<li><a href="#">Area</a></li>
<li><a href="#">Population</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Beautiful</a>
<ul>
<li><a href="#">Women</a></li>
<li><a href="BUTI.HTML">City</a></li>
</ul>
</li>
<li><a href="rich1.html">Richest</a></li>
<li><a href="#">Sports</a>
<ul>
<li><a href="#">Football</a></li>
<li><a href="#">Tenis</a></li>
<li><a href="#">Cricket</a>
<ul>
<li><a href="#">Team</a></li>
<li><a href="#">Player</a></li>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
</ul>
</li>
</ul>
</li>
</ul>
</nav>
<h1 style="color:BLACK"> TOP 10 RICHEST MEN IN THE WORLD</h1>
<h2 style="color:black">1 | Carlos Slim</h2>
<img src="C:UsersNARESH KULRIYADesktopcarl1.jpg" align="left">
<p><h3 style="color:black">Carlos Slim Helú (Spanish pronunciation: ['ka?los es'lim e'lu]; born January
28, 1940) is a
Mexican business magnate, investor, and philanthropist. From 2010 to 2013, Slim was ranked as the
richest person in the
world, but that position has been regained by Bill Gates. His extensive holdings in a considerable
number of Mexican
companies through his conglomerate, Grupo Carso, SA de CV, have amassed interests in the fields of
communications,
technology, retailing, and finance. Presently, Slim is the chairman and chief executive of
telecommunications companies
Telmex and América Móvil.
América Móvil, which was Latin America’s largest mobile-phone carrier in 2010, accounted for around
US$49 billion of Slim's
wealth by the end of that year. His corporate holdings as of June 2013 have been estimated at US$66.8
billion</h3></p><br>
<p><h3 style="color:black">
Slim was born in Mexico City, Mexico in 1940 to Maronite Catholic parents Julián Slim Haddad and Linda
Helú, both of Lebanese
descent. His father, born Khalil Salim Haddad Aglamaz, emigrated to Mexico from Lebanon (then part of
the Ottoman Empire) at
the age of 14 in 1902 and changed his name to Julián Slim Haddad. It was not uncommon for Lebanese
children to be sent abroad
before they reached the age of 15 to avoid being conscripted into the Ottoman army; four of Haddad's
older brothers were
already living in Mexico at the time of his arrival</h3></p>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
</BODY>
</HTML>
Web page 5-
Source-
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
<html>
<head>
<style>
li{float:center;}
a:link,a:visited
{display:inline-block;width:100px;hight:100;
font-weight:bold;
}
a:hover,a:active
{
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: blue;
background: linear-gradient(top, pink);
background: -moz-linear-gradient(top, green);
background: -webkit-linear-gradient(top, red);
box-shadow: 0px 0px 9px rgba(orange);
padding: 0 20px;
border-radius: 30px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: cyan;
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
background: linear-gradient(top, );
background: -moz-linear-gradient(top, );
background: -webkit-linear-gradient(top, );
}
nav ul li:hover a {
color: green;
}
nav ul li a {
display: block; padding: 25px 40px;
color: cyan; text-decoration: none;
}
nav ul ul {
background: pink; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: red;
}
nav ul ul li a:hover {
background: orange;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
</style>
</head>
<body>
<body bgcolor="WHITE">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Largest</a>
<ul>
<li><a href="it.html">IT Compnies</a></li>
<li><a href="#">Buildings</a></li>
<li><a href="#">Country</a>
<ul>
<li><a href="#">Area</a></li>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
<li><a href="#">Population</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Beautiful</a>
<ul>
<li><a href="#">Women</a></li>
<li><a href="BUTI.HTML">City</a></li>
</ul>
</li>
<li><a href="rich1.html">Richest</a></li>
<li><a href="#">Sports</a>
<ul>
<li><a href="#">Football</a></li>
<li><a href="#">Tenis</a></li>
<li><a href="#">Cricket</a>
<ul>
<li><a href="#">Team</a></li>
<li><a href="ft.html">Player</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
<h1 style="color:BLACK"> TOP 10 FOOTBALL PLAYER IN THE WORLD</h1>
<h2 style="color:black">1 | Franck Ribéry</h2>
<img src="C:UsersNARESH KULRIYADesktopft.jpg" align="left">
<p><h3 style="color:black">Franck Ribéry (French pronunciation: ?[f??~k ?i.be.?i]) (born 7 April 1983) is
a French
international footballer who plays for German club Bayern Munich in the Bundesliga and for the France
national team. He
primarily plays as a winger, preferably on the left side although being right-footed, and is known for
pace, energy, skill
and precise passing.[2] Ribéry is described as a player who is fast, tricky and an excellent dribbler, who
has great control
with the ball at his feet.[3] Since joining Bayern, he has been recognised on the world stage as one of the
best French
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
players of his generation. The previous talisman of the French national team, Zinedine Zidane, has called
Ribéry the "jewel
of French football".</h3></p>
<p><h3 style="color:black">
Ribéry's career began in 1989 as a youth player for local hometown club Conti Boulogne. He left the club
after seven years to
join professional outfit Lille, but departed the club after three years after having difficulties adjusting. In
1999, Ribéry
joined US Boulogne, where he played for two years. After spending two more years in the amateur
divisions with two different
clubs (Alès and Brest), in 2004, Ribéry earned a move to Ligue 1 club FC Metz. After six months with the
club, Ribéry moved
to Turkey in January 2005 joining Galatasaray where he won the Turkish Cup. After six months at
Galatasaray, he departed the
club in controversial fashion in order to return to France to join Marseille. Ribéry spent two seasons at
the club helping
the Marseillais reach the final of the Coupe de France in back-to-back seasons.</h3></p>
<br></BODY>
</HTML>
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
EXPERIMENT NO. 2
Aim :- Write a program to show a bit map image on your computer screen.
Original picture-
Source code-
Step1- start  Go to Photoshop  open
Step2-Go to file Open image
Step3-Select Clone Stamp Tool(S) Alt+Right Click  Paste
Step4-Select Dodge Tool(O) Click on Image In Lighting Mode
Step5-then Save as  .BMP
Step6-set as Desktop background
Output:--
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
EXPERIMENT NO. 3
Aim :- Write a program to read a paragraph and store it to filename suggested by author.
Source:--.
Procedure
Step1. Start →Internet Explorer→Open
Step2. Apply Ctrl+c
Step3. Start→All Programs→MS Office→New
Step4. Apply Ctrl+V
Step5. Save As→PDF
Step6. Computer said to publish this page & we should publish.
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Output:--
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
EXPERIMENT NO. 4
Aim :- Write a program to make an image using photoshop.
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Source-
Step1-startall programsadobe Photoshop
Step2-fileOpen
Step3-tools used Clone Stamp Tool , Magnetic Lasso Tool , Move
Tool,Brush Tool.
Step4-save as .BMP
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Output:--
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
EXPERIMENT NO. 5
Aim :- Write a program to make a movie using window DVD maker .
Source:--.
Step1- Openall programs window DVD maker
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Step2-choose photos & videos
Step3-add pictures and videos to the DVD
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Step4-clicknext
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Step5-show preview
Mukesh Kumar C.S.E.
1110751908 5th
Sem.
Output:--

More Related Content

Similar to Exp of mmt

Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...
Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...
Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...dezyneecole
 
Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)gng542
 
LessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingLessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingMyles Braithwaite
 
Module 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsModule 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsDaniel Downs
 
Confluence - Improving Space Navigation. London AUG October 2013
Confluence - Improving Space Navigation. London AUG October 2013Confluence - Improving Space Navigation. London AUG October 2013
Confluence - Improving Space Navigation. London AUG October 2013Charles_Hall
 
Date difference[1]
Date difference[1]Date difference[1]
Date difference[1]shafiullas
 
In some simple steps, your site can stand out from the rest. Here's how...
In some simple steps, your site can stand out from the rest. Here's how... In some simple steps, your site can stand out from the rest. Here's how...
In some simple steps, your site can stand out from the rest. Here's how... British Council
 
Class 3 create an absolute layout with css abs position (aptana)
Class 3  create an absolute layout with css abs position (aptana)Class 3  create an absolute layout with css abs position (aptana)
Class 3 create an absolute layout with css abs position (aptana)Erin M. Kidwell
 
Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2cori0506
 
Blog skins396734
Blog skins396734Blog skins396734
Blog skins396734pantangmrny
 
HTML5 and CSS3 Refresher
HTML5 and CSS3 RefresherHTML5 and CSS3 Refresher
HTML5 and CSS3 RefresherIvano Malavolta
 
BCA 1st year Html/css file
BCA 1st year Html/css fileBCA 1st year Html/css file
BCA 1st year Html/css fileRahul Saini
 
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile EventHTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile EventRobert Nyman
 
LESS is More
LESS is MoreLESS is More
LESS is Morejsmith92
 

Similar to Exp of mmt (20)

A More Perfect Union with CSS
A More Perfect Union with CSSA More Perfect Union with CSS
A More Perfect Union with CSS
 
Webtech File.docx
Webtech File.docxWebtech File.docx
Webtech File.docx
 
Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...
Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...
Kirtesh Khandelwal,Project on HTML and CSS ,Final Year BCA , Dezyne E'cole Co...
 
Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)
 
LessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingLessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG Meeting
 
Module 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsModule 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel Downs
 
CSS3 ...in 3D!
CSS3 ...in 3D!CSS3 ...in 3D!
CSS3 ...in 3D!
 
Confluence - Improving Space Navigation. London AUG October 2013
Confluence - Improving Space Navigation. London AUG October 2013Confluence - Improving Space Navigation. London AUG October 2013
Confluence - Improving Space Navigation. London AUG October 2013
 
Date difference[1]
Date difference[1]Date difference[1]
Date difference[1]
 
In some simple steps, your site can stand out from the rest. Here's how...
In some simple steps, your site can stand out from the rest. Here's how... In some simple steps, your site can stand out from the rest. Here's how...
In some simple steps, your site can stand out from the rest. Here's how...
 
Class 3 create an absolute layout with css abs position (aptana)
Class 3  create an absolute layout with css abs position (aptana)Class 3  create an absolute layout with css abs position (aptana)
Class 3 create an absolute layout with css abs position (aptana)
 
Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2
 
This is a test
This is a testThis is a test
This is a test
 
1cst
1cst1cst
1cst
 
Html5 intro
Html5 introHtml5 intro
Html5 intro
 
Blog skins396734
Blog skins396734Blog skins396734
Blog skins396734
 
HTML5 and CSS3 Refresher
HTML5 and CSS3 RefresherHTML5 and CSS3 Refresher
HTML5 and CSS3 Refresher
 
BCA 1st year Html/css file
BCA 1st year Html/css fileBCA 1st year Html/css file
BCA 1st year Html/css file
 
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile EventHTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
 
LESS is More
LESS is MoreLESS is More
LESS is More
 

Recently uploaded

Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Christo Ananth
 
Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxProcessing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxpranjaldaimarysona
 
Coefficient of Thermal Expansion and their Importance.pptx
Coefficient of Thermal Expansion and their Importance.pptxCoefficient of Thermal Expansion and their Importance.pptx
Coefficient of Thermal Expansion and their Importance.pptxAsutosh Ranjan
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130Suhani Kapoor
 
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...ranjana rawat
 
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escortsranjana rawat
 
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINEMANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINESIVASHANKAR N
 
chaitra-1.pptx fake news detection using machine learning
chaitra-1.pptx  fake news detection using machine learningchaitra-1.pptx  fake news detection using machine learning
chaitra-1.pptx fake news detection using machine learningmisbanausheenparvam
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICSHARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICSRajkumarAkumalla
 
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Dr.Costas Sachpazis
 
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLSMANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLSSIVASHANKAR N
 
Introduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptxIntroduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptxupamatechverse
 
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSCAESB
 
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile
 
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptxthe ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptxhumanexperienceaaa
 
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 

Recently uploaded (20)

Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
 
Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxProcessing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptx
 
Coefficient of Thermal Expansion and their Importance.pptx
Coefficient of Thermal Expansion and their Importance.pptxCoefficient of Thermal Expansion and their Importance.pptx
Coefficient of Thermal Expansion and their Importance.pptx
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
 
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
 
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
 
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINEDJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
 
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINEMANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
 
chaitra-1.pptx fake news detection using machine learning
chaitra-1.pptx  fake news detection using machine learningchaitra-1.pptx  fake news detection using machine learning
chaitra-1.pptx fake news detection using machine learning
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICSHARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
 
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
 
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLSMANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
 
Introduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptxIntroduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptx
 
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentation
 
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
 
Roadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and RoutesRoadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and Routes
 
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptxthe ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
 
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 

Exp of mmt

  • 1. Mukesh Kumar C.S.E. 1110751908 5th Sem. EXPERIMENT NO. 1 Aim :- Write a program to join 5 web page using HTML. Web Page 1- Source- <head> <title>top10.com</title> </head> <frameset rows="120,*"> <frame src="top.html"> <frameset cols="190,*"> <frame src="left.html"> <frame src="cfg.html"> </frameset> <noframes> <body>
  • 2. Mukesh Kumar C.S.E. 1110751908 5th Sem. <body bgcolor="white"> <p>Alternate content</p> </body> </noframes> </frameset> </html> <html> <body bgcolor="white"> <a href="http://www.flipcart.com"> <img src="C:UsersNARESH KULRIYADesktopfk.jpg" ></a> </body></html> < html > <body bgcolor="white"> <img src="C:UsersNARESH KULRIYADesktoptt.jpg" > </body></html> <html> <head> <style> li{float:center;} a:link,a:visited {display:inline-block;width:100px;hight:100; font-weight:bold; } a:hover,a:active { } nav ul ul { display: none;} nav ul li:hover > ul { display: block; } nav ul { background: blue; background: linear-gradient(top, pink); background: -moz-linear-gradient(top, green); background: -webkit-linear-gradient(top, red); box-shadow: 0px 0px 9px rgba(orange); padding: 0 20px; border-radius: 30px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; }
  • 3. Mukesh Kumar C.S.E. 1110751908 5th Sem. nav ul li { float: left; } nav ul li:hover { background: cyan; background: linear-gradient(top, ); background: -moz-linear-gradient(top, ); background: -webkit-linear-gradient(top, ); } nav ul li:hover a { color: green; } nav ul li a { display: block; padding: 25px 40px; color: cyan; text-decoration: none; } nav ul ul { background: pink; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: red; } nav ul ul li a:hover { background: orange; } nav ul ul ul { position: absolute; left: 100%; top:0; } </style> </head> <body> <body bgcolor="WHITE"> <nav> <ul>
  • 4. Mukesh Kumar C.S.E. 1110751908 5th Sem. <li><a href="cfg.html">Home</a></li> <li><a href="#">Largest</a> <ul> <li><a href="it.html">IT Compnies</a></li> <li><a href="#">Buildings</a></li> <li><a href="#">Country</a> <ul> <li><a href="#">Area</a></li> <li><a href="#">Population</a></li> </ul> </li> </ul> </li> <li><a href="#">Beautiful</a> <ul> <li><a href="#">Women</a></li> <li><a href="BUTI.HTML">City</a></li> </ul> </li> <li><a href="rich1.html">Richest</a></li> <li><a href="#">Sports</a> <ul> <li><a href="#">Cricket</a></li> <li><a href="#">Tenis</a></li> <li><a href="#">Football</a> <ul> <li><a href="#">Team</a></li> <li><a href="ft.html">Player</a></li> </ul> </li> </ul> </li> </ul> </nav> </body> </html> Web page 2-
  • 5. Mukesh Kumar C.S.E. 1110751908 5th Sem. Source- <html> <head> <style> li{float:center;} a:link,a:visited {display:inline-block;width:100px;hight:100; font-weight:bold; } a:hover,a:active {
  • 6. Mukesh Kumar C.S.E. 1110751908 5th Sem. } nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul { background: blue; background: linear-gradient(top, pink); background: -moz-linear-gradient(top, green); background: -webkit-linear-gradient(top, red); box-shadow: 0px 0px 9px rgba(orange); padding: 0 20px; border-radius: 30px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: cyan; background: linear-gradient(top, ); background: -moz-linear-gradient(top, ); background: -webkit-linear-gradient(top, ); } nav ul li:hover a { color: green; } nav ul li a { display: block; padding: 25px 40px; color: cyan; text-decoration: none; } nav ul ul { background: pink; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none;
  • 7. Mukesh Kumar C.S.E. 1110751908 5th Sem. border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: red; } nav ul ul li a:hover { background: orange; } nav ul ul ul { position: absolute; left: 100%; top:0; } </style> </head> <body> <body bgcolor="WHITE"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Largest</a> <ul> <li><a href="it.html">IT Compnies</a></li> <li><a href="#">Buildings</a></li> <li><a href="#">Country</a> <ul> <li><a href="#">Area</a></li> <li><a href="#">Population</a></li> </ul> </li> </ul> </li> <li><a href="#">Beautiful</a> <ul> <li><a href="#">Women</a></li> <li><a href="BUTI.HTML">City</a></li> </ul> </li> <li><a href="#">Richest</a></li> <li><a href="#">Sports</a> <ul> <li><a href="#">Football</a></li> <li><a href="#">Tenis</a></li> <li><a href="#">Cricket</a> <ul>
  • 8. Mukesh Kumar C.S.E. 1110751908 5th Sem. <li><a href="#">Team</a></li> <li><a href="#">Player</a></li> </ul> </li> </ul> </li> </ul> </nav> <h1 style="color:BLACK"> TOP 10 IT COMPNIES IN THE WORLD</h1> <h2 style="color:cyan">1 | Microsoft Corporation</h2> <img src="C:UsersNARESH KULRIYADesktophd.jpg" align="left"> <p><h3 style="color:black">Microsoft Corporation is an American multinational software corporation headquartered in Redmond, Washington that develops, manufactures, licenses, and supports a wide range of products and services related to computing. The company was founded by Bill Gates and Paul Allen on April 4, 1975. Microsoft is the world's largest software maker measured by revenues. It is also one of the world's most valuable companies. Microsoft was established to develop and sell BASIC interpreters for the Altair 8800. It rose to dominate the personal computer operating system market with MS-DOS in the mid-1980s,followed by the Microsoft Windows line of operating systems. The company's 1986 initial public offering,and subsequent rise in its share price, created an estimated three billionaires and 12,000 millionaires from Microsoft employees.Since the 1990s,it has increasingly diversified from the operating system market and has made a number of corporate acquisitions. In May 2011,Microsoft acquired Skype Technologies for $8.5 billion in its largest acquisition to date. As of 2013,Microsoft is market dominant in both the PC operating system and office suite markets(the latter with Microsoft Office).The company also produces a wide range of other software for desktops and servers,and is active in areas including internet search (with Bing), the video game industry (with the Xbox and Xbox 360 consoles, and the upcoming Xbox One console), the digital services market (through MSN), and mobile phones (via the Windows Phone OS). In June 2012, Microsoft announced that it would be entering the PC vendor market for the first time, with the launch of the Microsoft Surface tablet computer.</h3></p> </BODY> </HTML> Web page 3-
  • 9. Mukesh Kumar C.S.E. 1110751908 5th Sem. Source- <html> <head> <style> li{float:center;} a:link,a:visited {display:inline-block;width:100px;hight:100; font-weight:bold; } a:hover,a:active { } nav ul ul {
  • 10. Mukesh Kumar C.S.E. 1110751908 5th Sem. display: none; } nav ul li:hover > ul { display: block; } nav ul { background: blue; background: linear-gradient(top, pink); background: -moz-linear-gradient(top, green); background: -webkit-linear-gradient(top, red); box-shadow: 0px 0px 9px rgba(orange); padding: 0 20px; border-radius: 30px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: cyan; background: linear-gradient(top, ); background: -moz-linear-gradient(top, ); background: -webkit-linear-gradient(top, ); } nav ul li:hover a { color: green; } nav ul li a { display: block; padding: 25px 40px; color: cyan; text-decoration: none; } nav ul ul { background: pink; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative;
  • 11. Mukesh Kumar C.S.E. 1110751908 5th Sem. } nav ul ul li a { padding: 15px 40px; color: red; } nav ul ul li a:hover { background: orange; } nav ul ul ul { position: absolute; left: 100%; top:0; } </style> </head> <body> <body bgcolor="WHITE"> <nav> <ul> <li><a href="home.html">Home</a></li> <li><a href="#">Largest</a> <ul> <li><a href="it.html">IT Compnies</a></li> <li><a href="#">Buildings</a></li> <li><a href="#">Country</a> <ul> <li><a href="#">Area</a></li> <li><a href="#">Population</a></li> </ul> </li> </ul> </li> <li><a href="#">Beautiful</a> <ul> <li><a href="#">Women</a></li> <li><a href="BUTI.HTML">City</a></li> </ul> </li> <li><a href="rich1.html">Richest</a></li> <li><a href="#">Sports</a> <ul> <li><a href="#">Cricket</a></li> <li><a href="#">Tenis</a></li> <li><a href="#">Football</a> <ul> <li><a href="#">Team</a></li> <li><a href="ft.html">Player</a></li> </ul>
  • 12. Mukesh Kumar C.S.E. 1110751908 5th Sem. </li> </ul> </li> </ul> </nav> <h1 style="color:BLACK"> TOP 10 BEAUTIFUL CITIES IN THE WORLD</h1> <h2 style="color:cyan">1 | VENICE</h2> <img src="C:UsersNARESH KULRIYADesktopveni.jpg" align="left"> <p><h3 style="color:black">Venice (English /'v?n?s/; Italian: Venezia [ve'n?ttsia] ( listen) alternative obsolete form: Vinegia; Venetian: Venexia [ve'n?sja]; Latin: Venetia) is a city in northeastern Italy sited on a group of 118 small islands separated by canals and linked by bridges. It is located in the marshy Venetian Lagoon which stretches along the shoreline, between the mouths of the Po and the Piave Rivers. Venice is renowned for the beauty of its setting, its architecture and its artworks. The city in its entirety is listed as a World Heritage Site, along with its lagoon</h3></p> <h3 style="color:black">Venice is the capital of the Veneto region. In 2009, there were 270,098 people residing in Venice's comune (the population estimate of 272,000 inhabitants includes the population of the whole Comune of Venezia; around 60,000[3] in the historic city of Venice (Centro storico); 176,000 in Terraferma (the Mainland), mostly in the large frazioni of Mestre and Marghera; 31,000 live on other islands in the lagoon). Together with Padua and Treviso, the city is included in the Padua-Treviso-Venice Metropolitan Area (PATREVE), with a total population of 1,600,000. PATREVE is only a statistical metropolitan area without any degree of autonomy. </h3> </BODY> </HTML> Web page 4-
  • 13. Mukesh Kumar C.S.E. 1110751908 5th Sem. Source- <html> <head> <style> li{float:center;} a:link,a:visited {display:inline-block;width:100px;hight:100; font-weight:bold; } a:hover,a:active { }
  • 14. Mukesh Kumar C.S.E. 1110751908 5th Sem. nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul { background: blue; background: linear-gradient(top, pink); background: -moz-linear-gradient(top, green); background: -webkit-linear-gradient(top, red); box-shadow: 0px 0px 9px rgba(orange); padding: 0 20px; border-radius: 30px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: cyan; background: linear-gradient(top, ); background: -moz-linear-gradient(top, ); background: -webkit-linear-gradient(top, ); } nav ul li:hover a { color: green; } nav ul li a { display: block; padding: 25px 40px; color: cyan; text-decoration: none; } nav ul ul { background: pink; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a;
  • 15. Mukesh Kumar C.S.E. 1110751908 5th Sem. position: relative; } nav ul ul li a { padding: 15px 40px; color: red; } nav ul ul li a:hover { background: orange; } nav ul ul ul { position: absolute; left: 100%; top:0; } </style> </head> <body> <body bgcolor="WHITE"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Largest</a> <ul> <li><a href="it.html">IT Compnies</a></li> <li><a href="#">Buildings</a></li> <li><a href="#">Country</a> <ul> <li><a href="#">Area</a></li> <li><a href="#">Population</a></li> </ul> </li> </ul> </li> <li><a href="#">Beautiful</a> <ul> <li><a href="#">Women</a></li> <li><a href="BUTI.HTML">City</a></li> </ul> </li> <li><a href="rich1.html">Richest</a></li> <li><a href="#">Sports</a> <ul> <li><a href="#">Football</a></li> <li><a href="#">Tenis</a></li> <li><a href="#">Cricket</a> <ul> <li><a href="#">Team</a></li> <li><a href="#">Player</a></li>
  • 16. Mukesh Kumar C.S.E. 1110751908 5th Sem. </ul> </li> </ul> </li> </ul> </nav> <h1 style="color:BLACK"> TOP 10 RICHEST MEN IN THE WORLD</h1> <h2 style="color:black">1 | Carlos Slim</h2> <img src="C:UsersNARESH KULRIYADesktopcarl1.jpg" align="left"> <p><h3 style="color:black">Carlos Slim Helú (Spanish pronunciation: ['ka?los es'lim e'lu]; born January 28, 1940) is a Mexican business magnate, investor, and philanthropist. From 2010 to 2013, Slim was ranked as the richest person in the world, but that position has been regained by Bill Gates. His extensive holdings in a considerable number of Mexican companies through his conglomerate, Grupo Carso, SA de CV, have amassed interests in the fields of communications, technology, retailing, and finance. Presently, Slim is the chairman and chief executive of telecommunications companies Telmex and América Móvil. América Móvil, which was Latin America’s largest mobile-phone carrier in 2010, accounted for around US$49 billion of Slim's wealth by the end of that year. His corporate holdings as of June 2013 have been estimated at US$66.8 billion</h3></p><br> <p><h3 style="color:black"> Slim was born in Mexico City, Mexico in 1940 to Maronite Catholic parents Julián Slim Haddad and Linda Helú, both of Lebanese descent. His father, born Khalil Salim Haddad Aglamaz, emigrated to Mexico from Lebanon (then part of the Ottoman Empire) at the age of 14 in 1902 and changed his name to Julián Slim Haddad. It was not uncommon for Lebanese children to be sent abroad before they reached the age of 15 to avoid being conscripted into the Ottoman army; four of Haddad's older brothers were already living in Mexico at the time of his arrival</h3></p>
  • 17. Mukesh Kumar C.S.E. 1110751908 5th Sem. </BODY> </HTML> Web page 5- Source-
  • 18. Mukesh Kumar C.S.E. 1110751908 5th Sem. <html> <head> <style> li{float:center;} a:link,a:visited {display:inline-block;width:100px;hight:100; font-weight:bold; } a:hover,a:active { } nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul { background: blue; background: linear-gradient(top, pink); background: -moz-linear-gradient(top, green); background: -webkit-linear-gradient(top, red); box-shadow: 0px 0px 9px rgba(orange); padding: 0 20px; border-radius: 30px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: cyan;
  • 19. Mukesh Kumar C.S.E. 1110751908 5th Sem. background: linear-gradient(top, ); background: -moz-linear-gradient(top, ); background: -webkit-linear-gradient(top, ); } nav ul li:hover a { color: green; } nav ul li a { display: block; padding: 25px 40px; color: cyan; text-decoration: none; } nav ul ul { background: pink; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: red; } nav ul ul li a:hover { background: orange; } nav ul ul ul { position: absolute; left: 100%; top:0; } </style> </head> <body> <body bgcolor="WHITE"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Largest</a> <ul> <li><a href="it.html">IT Compnies</a></li> <li><a href="#">Buildings</a></li> <li><a href="#">Country</a> <ul> <li><a href="#">Area</a></li>
  • 20. Mukesh Kumar C.S.E. 1110751908 5th Sem. <li><a href="#">Population</a></li> </ul> </li> </ul> </li> <li><a href="#">Beautiful</a> <ul> <li><a href="#">Women</a></li> <li><a href="BUTI.HTML">City</a></li> </ul> </li> <li><a href="rich1.html">Richest</a></li> <li><a href="#">Sports</a> <ul> <li><a href="#">Football</a></li> <li><a href="#">Tenis</a></li> <li><a href="#">Cricket</a> <ul> <li><a href="#">Team</a></li> <li><a href="ft.html">Player</a></li> </ul> </li> </ul> </li> </ul> </nav> <h1 style="color:BLACK"> TOP 10 FOOTBALL PLAYER IN THE WORLD</h1> <h2 style="color:black">1 | Franck Ribéry</h2> <img src="C:UsersNARESH KULRIYADesktopft.jpg" align="left"> <p><h3 style="color:black">Franck Ribéry (French pronunciation: ?[f??~k ?i.be.?i]) (born 7 April 1983) is a French international footballer who plays for German club Bayern Munich in the Bundesliga and for the France national team. He primarily plays as a winger, preferably on the left side although being right-footed, and is known for pace, energy, skill and precise passing.[2] Ribéry is described as a player who is fast, tricky and an excellent dribbler, who has great control with the ball at his feet.[3] Since joining Bayern, he has been recognised on the world stage as one of the best French
  • 21. Mukesh Kumar C.S.E. 1110751908 5th Sem. players of his generation. The previous talisman of the French national team, Zinedine Zidane, has called Ribéry the "jewel of French football".</h3></p> <p><h3 style="color:black"> Ribéry's career began in 1989 as a youth player for local hometown club Conti Boulogne. He left the club after seven years to join professional outfit Lille, but departed the club after three years after having difficulties adjusting. In 1999, Ribéry joined US Boulogne, where he played for two years. After spending two more years in the amateur divisions with two different clubs (Alès and Brest), in 2004, Ribéry earned a move to Ligue 1 club FC Metz. After six months with the club, Ribéry moved to Turkey in January 2005 joining Galatasaray where he won the Turkish Cup. After six months at Galatasaray, he departed the club in controversial fashion in order to return to France to join Marseille. Ribéry spent two seasons at the club helping the Marseillais reach the final of the Coupe de France in back-to-back seasons.</h3></p> <br></BODY> </HTML>
  • 22. Mukesh Kumar C.S.E. 1110751908 5th Sem. EXPERIMENT NO. 2 Aim :- Write a program to show a bit map image on your computer screen. Original picture- Source code- Step1- start  Go to Photoshop  open Step2-Go to file Open image Step3-Select Clone Stamp Tool(S) Alt+Right Click  Paste Step4-Select Dodge Tool(O) Click on Image In Lighting Mode Step5-then Save as  .BMP Step6-set as Desktop background Output:--
  • 24. Mukesh Kumar C.S.E. 1110751908 5th Sem. EXPERIMENT NO. 3 Aim :- Write a program to read a paragraph and store it to filename suggested by author. Source:--. Procedure Step1. Start →Internet Explorer→Open Step2. Apply Ctrl+c Step3. Start→All Programs→MS Office→New Step4. Apply Ctrl+V Step5. Save As→PDF Step6. Computer said to publish this page & we should publish.
  • 25. Mukesh Kumar C.S.E. 1110751908 5th Sem. Output:--
  • 26. Mukesh Kumar C.S.E. 1110751908 5th Sem. EXPERIMENT NO. 4 Aim :- Write a program to make an image using photoshop.
  • 27. Mukesh Kumar C.S.E. 1110751908 5th Sem. Source- Step1-startall programsadobe Photoshop Step2-fileOpen Step3-tools used Clone Stamp Tool , Magnetic Lasso Tool , Move Tool,Brush Tool. Step4-save as .BMP
  • 28. Mukesh Kumar C.S.E. 1110751908 5th Sem. Output:--
  • 29. Mukesh Kumar C.S.E. 1110751908 5th Sem. EXPERIMENT NO. 5 Aim :- Write a program to make a movie using window DVD maker . Source:--. Step1- Openall programs window DVD maker
  • 30. Mukesh Kumar C.S.E. 1110751908 5th Sem. Step2-choose photos & videos Step3-add pictures and videos to the DVD
  • 31. Mukesh Kumar C.S.E. 1110751908 5th Sem. Step4-clicknext
  • 32. Mukesh Kumar C.S.E. 1110751908 5th Sem. Step5-show preview
  • 33. Mukesh Kumar C.S.E. 1110751908 5th Sem. Output:--