Ques. WAP to show basics of HTML ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title> FIRST BASIC </title>
</head>
<body bgcolor="aqua">
<center><h1> BlacK HaT</h1></center>
<p>
A "black hat" hacker is a hacker who "violates computer security for little
reason beyond maliciousness or for personal gain" (Moore, 2005). <br>
Black hat hackers form the stereotypical, illegal hacking groups often portrayed
in <br>popular culture, and are "the epitome of all that the public fears in a
computer criminal". </p>
<p align="right">
Black hat hackers break into secure networks to destroy, modify, or steal
data;<br> or to make the network unusable for those who are authorized to
use the network. <br>Black hat hackers are also referred to as the
"crackers" within the security industry and by modern programmers.<br>
Crackers keep the awareness of the vulnerabilities to themselves and do not
notify the general public or the manufacturer for patches <br>to be
applied. Individual freedom and accessibility is promoted over privacy and
security.</p>
<p align="center">
SHIVAM
03214902013
Once they have gained control over a system, <br>they may apply patches
orfixes to the system only to keep their reigning control. <br>Richard Stallman
invented the definition to express the maliciousness of a criminal
hacker<br> versus a white hat hacker who performs hacking duties to identify
places to repair.
</p>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to show basic programming of HTML?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title></title>
</head>
<body bgcolor="grey">
<img src="01.jpg" heigth="250" width="350" align="right">
<img src="02.jpg" heigth="600" width="150" align="left">
<br><br><br><br><br><br><br>
<center>
<img src ="03.jpg " height ="250" width="350">
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the HTML code to demonstrate <font> tag and its attributes ?
CODE
<!-Coded by Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Font Tag - by SHIVAM</title>
</head>
<body bgcolor="cyan" text="purple">
<center> <h2> FONT TAG DEMO</h2></center>
<hr>
<font face = "forte" color="#00000"> FORTE</font>
<br>
<font color="red"> <p align="right">COLOR attribute</p> </font>
<br>
<font size="60"> Size Attribute </font>
<br><br>For more log on to<br>
<font face="Viner Hand ITC" size ="10" color="white">
<center> projectnikalo.net63.net<br>OR<br>
stupidstudy.weebly.com
</center>
</font>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write a code to show the attributes of <body> tag ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title> Body tag Attributes - by Shivam</title>
</head>
<body background="101.png" text="white" alink="red" link="green" vlink=
"lime" leftmargin="120" topmargin="100">
<hr>
<center> <h2>BoDy TaG aTtRiBuTeS </h2></center>
<hr>
<br>
Shivam working as student at Maharaja Surajmal Group of Institutions
<br>
<h3>LINKS COLORS </h3>
<a href = "http://stupidstudy.weebly.com"> sTupidStudy</a><br><br>
<a href="http://projectnikalo.net63.net"> ProjectNikalo </a><br><br>
<a href="http://codehero.weebly.com/"> CoDeHeRo</a>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the code to show the attributes of <font> and <body> tags?
CODE
<!-Coded by Shivam Web Develops
StupidStudy
--!>
<html>
<head>
<title>BODY + FONT </title>
</head>
<body bgcolor="#505050" link="660033" vlink="990000" topmargin="80"
leftmargin="68" text="cc0033">
<hr color="#A8A8A8" size="4">
<h2><center> B O D Y + F O N T </center> <h2>
<hr color="#A8A8A8" size="4">
<br>
<font face="Viner Hand ITC" color="cc9933" size="6">
for more updates logon to <br>
</font>
<a href="http://stupidstudy.weebly.com/">sTupidStudy</a><br><br>
<a href="http://projectnikalo.net63.net/"> ProjectNikalo </a>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write HTML code to show the attributes of <img> tag?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>IMG tag's Attributes -by SHIVAM</title>
</head>
<body bgcolor="#B0B0B0" text="#303030">
<hr>
<h2 align="center"> IMG tag </h2>
<hr>
<br>
<img src="p06(1).jpg" height="250" width="250" alt="HACKERS WORLD"
align="middle" border="10">
<img src="p06.png" height="250" width ="220" alt="My World" align="right"
border="5">
<center><u>B L A C K H A T</u></center>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the code in HTML to show <ul>, <ol> tags with <sup> and <sub> ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>SubScript and SupScript - by Shivam </title>
</head>
<body bgcolor="#D0D0D0" text="purple" leftmargin="60" topmargin="40">
<hr color="CC6633">
<h2 align="left"> CHEMICAL EQUATIONS..... <h2>
<hr color="CC6633">
<font face="Tw Cen MT" color="red">
<ul type="square">
<li> H&nbsp;&nbsp; + &nbsp;&nbsp; O&nbsp;&nbsp; --->&nbsp;&nbsp;
H<sub>2</sub>O
<li>C&nbsp;H<sub>4</sub>&nbsp;&nbsp;+&nbsp;&nbsp;O<sub>2</sub
> &nbsp;&nbsp; -->&nbsp;&nbsp;CO<sub>2</sub>&nbsp;&nbsp;+&nbsp;&nbsp;H<sub>2</sub>
O
</ul>
</font>
<hr color="CC6633">
<h2 align="center"> MATHS EQUATIONS..... <h2>
<hr color="CC6633">
<font face = "Tempus Sans ITC" size="5" color=#00000>
SHIVAM
03214902013
<ul type="circle">
<li> (a + b) <sup>2</sup> &nbsp;&nbsp; =&nbsp;&nbsp;
a<sup>2</sup>&nbsp;+&nbsp;b<sup>2</sup>&nbsp;+&nbsp;2ab
<li>sin<sup>2</sup>x&nbsp;+cos<sup>2</sup>x&nbsp;&nbsp;=&nbsp;&nbsp;
1
</ul>
</font>
<hr color="CC6633">
<h2 align="right"> PHYSICS EQUATIONS..... <h2>
<hr color="CC6633">
<font face = "Tempus Sans ITC" size="5" color=#00000>
<ol type="1">
<li> v&nbsp;&nbsp;=&nbsp;&nbsp; u &nbsp; + &nbsp; at
<li> v <sup>2</sup> &nbsp;&nbsp; =&nbsp;&nbsp;
u<sup>2</sup>&nbsp;+&nbsp;2as
<li>s&nbsp;&nbsp;=&nbsp;&nbsp;ut&nbsp;+&nbsp;1/2at<sup>2</sup>
</ul>
</font>
</body>
</html>
SHIVAM
03214902013
CODE
SHIVAM
03214902013
Ques. Write the HTML code to show nested list and <DL> tag ?
CODE
<!-Coded By Shivam Web Develops
sTupidStudy
--!>
<html>
<head>
<title> Concept of Nested List - by Shivam</title>
</head>
<body bgcolor="#A0A0A0">
<h2 align="center"> HaCkErS WoRlD </h2>
<br>
<dl>
<dt><font face ="forte" color="peal" size="6">White Hat</font></dt>
<dd>White-hat hackers are ethical hackers who use their hacking skills for
the purpose of improving security. Legal organizations and Governments hire
them in order to discover or solve vulnerabilities and exploits.
They test the security levels from the point of view of a malicious outsider
(with no access information) or a malicious insider (with certain access
information).<br>
White-hat hackers are synonymous with
<ul>
<li> sneakers
<li>red teams
<li>tiger teams
</ul></dd>
<dt> <font face ="forte" color="peal" size="6">Grey Hat </font></dt>
<dd>Grey-hat hackers are a mixed bunch and it is hard to understand what
their motives are. They prefer to remain anonymous. They use their hacking
SHIVAM
03214902013
skills for legal or illegal purposes, but never for personal gain. In
most cases, they exist to share information and to accomplish something
specific that is known only to them
</dd>
<br><br>
<dt> <font face ="forte" color="peal" size="6">Black Hat </font></dt>
<dd>These are stereotypical illegal crackers who utilize their hacking skills
solely for personal gain, either in monetary or non-monetary terms. Any
criminal activities related to hacked networks can be attributed to
black-hat hackers. They make networks unusable for others and attempt to
destroy or steal data for selfish motives. This is what makes them a threat to
individuals and Governments.
</dd>
<center>
<font color="white" face="Monotype Corsiva">
<br><br><br><br><br><br>
&copy; SHIVAM BLACK HAT. All rights reserved.
</font>
</center>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the HTML code to show the <table> tag with rowspan , colspan,
cellpadding and cellspacing ?
CODE
<!-Coded By Shivam Web Develops
sTupidStudy
--!>
<html>
<head>
<title>Table tag - by Shivam</title>
</head>
<body leftmargin="250">
<br><br>
<table border="5" bordercolor="#D8F781" bgcolor="#FAAC58 "
cellspacing="5"
cellpadding="5" >
<caption>APNA WORLD</caption>
<tr>
<th rowspan="5"> HACKERS</th>
<th colspan="2">CATEGORIES</th>
</tr>
<tr>
<td> Name
<td> Pics
</tr>
<tr>
<td>White Hat
<td> <img src="w1.png" height="120" width="100">
</tr>
<tr>
<td>Grey Hat
<td> <img src="g1.jpg" height="120" width="100">
SHIVAM
03214902013
</tr>
<tr>
<td>Black Hat
<td> <img src="b1.jpg" height="120" width="100">
</tr>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the HTML code to demonstrate <form> tag ?
CODE
<!DOCTYPE>
<html>
<head>
<script type="text/javascript">
window.alert("WELCOME \n Regiter here for Free ");
function show(){
window.alert("Thank You For Registration");
}
</script>
<title>Member Login</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="menu">
<ul><li><a href="index.html">home</a></li>
SHIVAM
03214902013
<li><a href="http://www.facebook.com/">
<img src="images[41].jpg" height="30"
width="20"border=0></a></li>
&nbsp;
<li> <a href="http://www.yahoo.com/">
<img src="images.jpg" height=30" width="30"
border=0></a>
&nbsp;</li>
<li><a href="http://www.google.com">
<img src="gg.jpg" height="30" width="50"
border=0></a>
&nbsp;
<li><a href="http://www.gmail.com">
<img src="gm.jpg" height="30" width="50"
border=0></a>
&nbsp;
<li><a href="http://twitter.com/">
SHIVAM
03214902013
<img src="tw1.jpg" height="30" width="20"
border=0> </a>
&nbsp;
<li><a href="http://flickr.com/">
<img src="flickr.jpg" height="30" width="20"
border=0>
</a>
&nbsp;
<li><a href="http://wikipedia.com/">
<img src="wiki.jpg" height="30" width="20"
border=0>
</a>
&nbsp;
<li><a href="http://dictionary.reference.com/">
<img src="d.jpg" height="30" width="20" border=0>
</a>
&nbsp;
<li><a href="#">Web Making</a></li>
<li><a href="#">About Us</a></li>
SHIVAM
03214902013
</ul>
</div>
<!-- end #search -->
</div>
<!-- end #header -->
<div id="logo">
<h1><a href="index.html"><img src="flogo.jpg" height="100"
width="320" border=0> </a></h1>
</div>
<hr />
<!-- end #logo -->
<!-- end #header-wrapper -->
<div id="page">
<div id="content">
<div class="post">
<h2 class="title">Create Account</h2>
<div class="entry">
<br>
<font face=Verdana size=6>
<FORM name ="f1">
SHIVAM
03214902013
<p><b>NAME: </b>
<INPUT TYPE="text" size="25" Maximumlength="20" name="t1">
<br>
<b>REQUIRED ID : </b>
<INPUT TYPE="text" size="25" Maximumlength="20" value="CEO@friendz.in">
<br>
<b>Password : </b>
<INPUT TYPE="password" size="25" Maximumlength="20" name="t2">
<br>
<b>RE-password : </b>
<INPUT TYPE="password" size="25" Maximumlength="20">
<br>
<b>Age: </b>
<INPUT TYPE="number" size="25" Maximumlength="2">
<br>
<b>Gender : </b>
<select>
SHIVAM
03214902013
<option>MALE</option>
<option>FEMALE</option>
<option>OTHERS</option>
</select>
<input type="button" value="click" onclick="show()">
<br>
</form>
</font>
</font>
</u>
<div style="clear: both;">&nbsp;</div>
&copy; SHIVAM BLACK HAT. All rights reserved.
</div>
<!-- end #page -->
</div>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
SHIVAM
03214902013
Ques. Write the HTML code to show the <frame> and anchor tag ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<frameset rows ="30%,*">
<frame src="file:///E:/OSAHUB/friendzz/home.html">
<frameset cols="50%,*">
<frameset rows="50%,*">
<frame src="http://projectnikalo.net63.net/">
<frame src="http://123drshack.appspot.com/">
</frameset>
<frame src="http://stupidstudy.weebly.com/">
</frameset>
</frameset>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the HTML code to show .css with HTML ?
CODE
Style.css
/* CSS design By Shivam (WEBMAN) */
body{
background:url(images/fantasy_space-1920x1080.jpg) ;
padding:0; margin:0;
}
div, p, ul, h1, h2, h3, img, form{
padding:0; margin:0;
}
ul{
list-style-type:none;
}
.bank{
line-height:0; font-size:0; clear:both;
}
/*------------------------main body-------------------------*/
#main_body{
width:778px; margin:0 auto 0 auto;
}
#left_pan{
SHIVAM
03214902013
width:188px; background:url(images/n3.jpg) no-repeat #FFF9F2;
color:#fff; float:left;
}
#left_pan img{
margin:10px 10px 10px 10px; display:block;
}
#left_pan h2{
width:70px; height:80px; background:url(images/lf.jpg) no-repeat 0 0;
margin:0 0 0 6px; display:block;
font:14px/14px Lucida Handwriting, Helvetica, sans-serif; padding:17px
65px 0 32px; color:red; font-weight:bold; text-transform:uppercase;
}
#left_pan h2 span{
font-size:24px; line-height:24px;
}
#left_pan form{
width:148px; margin:0 0 0 0; padding:28px 0 0 23px; display:block;
}
#left_pan form input{
width:136px; height:17px; display:block; font:11px Arial, Helvetica, sansserif; font-weight:bold;
padding:4px 0 0 12px; margin:0px 0 10px 0;
}
#left_pan form input.button{
SHIVAM
03214902013
width:59px; height:22px; display:block;
background:url(images/button_arrow.gif) no-repeat 0 5px #FFF9F2;
color:#333227;
font:13px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 21px;
margin:0 0 10px 90px; border:none;
cursor:pointer; font-weight:bold;
}
#left_pan form label{
width:132px; font:9px/13px Tahoma, Arial, Helvetica, sans-serif;
color:#D43723; font-weight:bold; display:block;
text-transform:uppercase; background-color:#FFF9F2;
}
#left_pan form a{
width:132px; font:11px/13px Tahoma, Arial, Helvetica, sans-serif;
color:#000101; text-decoration:underline; display:block;
background-color:#FFF9F2;
}
#left_pan form a:hover{
text-decoration:none;
}
#left_pan ul{
width:126px; display:block; margin:38px 0 0 38px;
}
#left_pan ul li{
SHIVAM
03214902013
background:url(images/ul_arrow.gif) no-repeat 0 8px; borderbottom:#B8A997 1px dashed; padding: 0 0 0 18px;
}
#left_pan ul li.li1{
background:url(images/ul_arrow.gif) no-repeat 0 8px; borderbottom:none; padding: 0 0 0 18px;
}
#left_pan ul li a{
font:13px/23px Arial, Helvetica, sans-serif; color:#4D371E; textdecoration:none; background-color:#FFF9F2;
}
#left_pan ul li a:hover{
text-decoration:underline;
}
/*-------------------------------right side--------------------*/
#rightPan{
width:590px; height:540px; float:left; margin:0;
background:url(images/po.jpg) no-repeat 0 25px;
}
#rightPan ul{
width:550px; display:block; margin:0 0 0 25px; height:29px; font-size:0;
}
#rightPan ul li{
SHIVAM
03214902013
float:left; height:29px;
}
#rightPan ul li a{
font:12px/29px Arial, Helvetica, sans-serif; font-weight:bold;
height:29px; display:block; color:#FFF9F2;
background:url(images/navi_bg.gif) repeat-x 0 0 #005050; textdecoration:none; text-align:center;
}
#rightPan ul li a.main{
background:url(images/home.gif) no-repeat 0 0; width:59px;
}
#rightPan ul li a.main:hover{
background:url(images/home_h.gif) no-repeat 0 0; width:59px;
}
#rightPan ul li a.home{
background:url(images/about_us.gif) no-repeat 0 0; width:74px;
}
#rightPan ul li a.home:hover{
background:url(images/about_us_h.gif) no-repeat 0 0; width:74px;
}
#rightPan ul li a.sub{
background:url(images/submission.gif) no-repeat 0 0; width:92px;
}
SHIVAM
03214902013
#rightPan ul li a.sub:hover{
background:url(images/submission_h.gif) no-repeat 0 0; width:92px;
}
#rightPan ul li a.con{
background:url(images/contact_us.gif) no-repeat 0 0; width:74px;
}
#rightPan ul li a.con:hover{
background:url(images/contact_us_h.gif) no-repeat 0 0; width:74px;
}
#rightPan ul.link{
width:590px; display:block; margin:23px 0 0 0; height:20px;
}
#rightPan ul.link li{
float:left; width:102px; font-size:0px; display:block; padding:0 0 0 96px;
height:20px;
}
#rightPan ul.link li.sup{
float:left; width:96px; font-size:0px; display:block; padding:0 0 0 102px;
height:20px; margin:0;
}
#rightPan ul.link li.sol{
float:left; width:122px; display:block; padding:0 0 0 55px; height:20px;
}
#rightPan ul.link li a{
SHIVAM
03214902013
font:20px/20px Arial, Helvetica, sans-serif; text-transform:uppercase;
color:#AA855B ; font-weight:normal;
background-color:#FFF9F2; background-image:none; display:block;
width:104px; text-align:right; height:20px;
}
#rightPan ul.link li a:hover{
color:#5A3000; background-color:#FFF9F2; padding:0; margin:0;
}
#rightPan ul.sub_link{
width:590px; display:block; margin:0px 0 0 0; height:14px; padding:0;
}
#rightPan ul.sub_link li{
float:left; width:104px; font-size:0px; display:block; padding:0 0 0 94px;
height:14px; margin:0;
}
#rightPan ul.sub_link li.sup1{
float:left; width:96px; font-size:0px; display:block; padding:0 0 0 102px;
height:inherit;
}
#rightPan ul.sub_link li.sol1{
float:left; width:112px; font-size:0px; display:block; padding:0 0 0 65px;
}
#rightPan ul.sub_link li a{
font:14px/14px Arial, Helvetica, sans-serif; color:#353535; fontweight:normal;
SHIVAM
03214902013
background-color:#FFF9F2; background-image:none; display:block;
width:104px; text-align:right; height:14px;
}
#rightPan ul.sub_link li a:hover{
color:#5A3000; background-color:#FFF9F2; padding:0; margin:0; textdecoration:underline;
}
#rightPan h2{
width:414px; display:block; font:25px/18px Monotype Corsiva,
Helvetica, sans-serif; color:red;
margin:10px; padding:0px 0 0 0; height:29px; size:20;
}
#rightPan P{
width:570px; font:14px/19px Arial, Helvetica, sans-serif; color:white;
font-weight:normal; display:block;
margin:0 0 20px 10px;
}
#rightPan P a{
width:32px; background:url(images/more_arrow.gif) no-repeat 0 0
#FFF9F2; color:#333227; margin:0 0 0 520px; height:16px;
font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; fontweight:bold; display:block; padding:0 0 0 23px
}
SHIVAM
03214902013
#rightPan P a:hover{
color:#C01F0B; background:url(images/button_arrow.gif) no-repeat 0 0
#FFF9F2; width:32px;
}
#rightLeft{
width:186px; float:left; margin:0 0 45px 10px;
}
#rightLeft h2{
width:169px; height:39px; display:block; color:lawngreen;
font:20px/14px forte, Helvetica, sans-serif; font-weight:100;
background:url(images/dn.jpg) ; padding:11px 0 0 17px; margin:0 0 18px
0; text-transform:none;
}
#rightLeft ul{
width:186px; margin:0 0 10px 0px; padding:0; display:block;
}
#rightLeft ul li{
border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block;
height:38px; font-size:0;
}
#rightLeft ul li.noborder{
border-bottom:none; padding:0; margin:0; display:block; height:20px;
font-size:0;
}
SHIVAM
03214902013
#rightLeft ul li a{
font:18px/14px Bradley Hand ITC, Helvetica, sans-serif;
color:mediumpurple; margin:4px 0 6px 0; padding:0; display:block;
background-image:url(images/n3.jpg);
weight:bold; width:250px;
text-align:left; font-
}
#rightLeft a.more{
width:32px; background:url(images/more_arrow1.gif) no-repeat ;
color:#333227; margin:26px 0 0 0px; height:16px;
font:12px/14px Bradley Hand ITC, Helvetica, sans-serif; textdecoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
float:right;
}
#rightLeft a.more:hover{
color:#C01F0B; background:url(images/more_arrow2.gif); width:50px;
}
#rightRight{
width:362px; float:left; margin:0 0 0 20px;
}
/*
#rightRight h2{
width:70px; height:80px; background:url(images/lf.jpg) no-repeat 0 0;
margin:0 0 0 6px; display:block;
font:14px/14px Lucida Handwriting, Helvetica, sans-serif; padding:17px
65px 0 32px; color:red; font-weight:bold; text-transform:uppercase;
SHIVAM
03214902013
}*/
#rightRight ul{
width:126px; display:block; margin:38px 0 0 38px;
/*
width:362px; margin:0 0 15px 0px; padding:0; display:block;*/
}
#rightRight ul li{
background:url(images/ul_arrow.gif) no-repeat 0 8px; borderbottom:#B8A997 1px dashed; padding: 0 0 0 26px;
/*
border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block;
height:52px; font-size:0;*/
}
#rightRight ul li.li1{
background:url(images/ul_arrow.gif) no-repeat 0 8px; borderbottom:none; padding: 0 0 0 18px;
/*border-bottom:none; padding:0; margin:0; display:block; height:48px;
font-size:0;*/
}
#rightRight ul li a{
font:18px/14px Bradley Hand ITC, Helvetica, sans-serif;
color:mediumpurple; margin:3px 0 6px 0; padding:0; display:block;
background-image:url(images/n3.jpg);
weight:bold; width:160px;
SHIVAM
text-align:left; font-
03214902013
}
#rightRight ul li a b{
margin:0 200px 0 0;
}
#rightRight a.more1{
width:32px; background:url(images/more_arrow2.gif) no-repeat 0 0
#FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; fontweight:bold; display:block; padding:0 0 0 23px;
float:right;
}
#rightRight a.more1:hover{
color:#C01F0B; background:url(images/more_arrow1.gif) no-repeat 0 0
#FFF9F2; width:32px;
}
/*---------------------------footer-------------------*/
#footer_bg{
background:url(images/footer_bg.gif) repeat-x; width:100%; margin:0
auto 0 auto; float:left; height:153px;
}
#footer{
width:525px; margin:0 auto 0 auto;
}
#footer ul{
width:525px; margin:29px 0 7px 0; display:block; height:15px;
SHIVAM
03214902013
}
#footer ul li{
float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#FFFFFF; background-color:#6B6854;
display:block;
}
#footer ul li a{
font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#FFFFFF; background-color:#6B6854; text-decoration:none;
margin:0 10px 0 10px;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer p{
width:188px; margin:0 0 0 162px; font:12px/14px 'Trebuchet MS', Arial,
Helvetica, sans-serif; color:#F3F1DF;
background-color:#6B6854
}
#footer ul.xhtml{
width:135px; display:block; margin:12px 0 0 197px; height:21px; fontsize:0px;
}
#footer ul.xhtml li{
float:left; height:21px; margin-right:9px;
SHIVAM
03214902013
}
#footer ul.xhtml li a{
text-indent:-2000px; display:block; height:21px; margin:0; padding:0;
font-size:0px;
}
#footer ul.xhtml li a.xht{
background:url(images/xhtml.gif) no-repeat 0 0 #6B6854; color:#fff;
width:66px;
}
#footer ul.xhtml li a.css{
background:url(images/css.gif) no-repeat 0 0 #6B6854; color:#fff;
width:50px;
}
SHIVAM
03214902013
index.html
<!-Coded by Shivam Web Develops
ProjectNikalo
--!>
<!DOCTYPE>
<html>
<head>
<title> BooK MY ProjecT </title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<br>
<center>
<font face=" Matura MT Script Capitals" color="red"><h1> < < < < BooK
MY ProjecT > > > > </h1></font>
<a href="http://www.000webhost.com/"
onClick="this.href='http://www.000webhost.com/815284.html'"
target="_blank"><img
SHIVAM
03214902013
src="http://www.000webhost.com/images/banners/468x60/banner6.gif"
alt="Web hosting" width="468" height="60" border="0" /></a>
</center>
<br><br>
<!--body part start -->
<div id="main_body">
<div id="left_pan">
<a href ="https://www.facebook.com/projectnikalo">
<img src ="finduson-facebook.png " height= "60" width="150" ></a>
<h2> OuR OtheR PortalS.....<span></span></h2>
<a href="http://www.000webhost.com/"
onClick="this.href='http://www.000webhost.com/815284.html'"
target="_blank"><img
src="http://www.000webhost.com/images/banners/160x600/banner1.gif"
alt="Web hosting" width="160" height="250" border="0" /></a>
<a href="http://www.000webhost.com/"
onClick="this.href='http://www.000webhost.com/815284.html'"
target="_blank"><img
src="http://www.000webhost.com/images/banners/120x60/banner1.gif"
alt="Web hosting" width="120" height="60" border="0" /></a>
<br>
</div>
<!--left side end -->
SHIVAM
03214902013
<!--right side start -->
<div id="rightPan">
<ul>
<li><a href="index.html" class="main">Home</a></li>
<li><a href="aboutus.html" class="home">About Us</a></li>
<li><a href="papernikalo.html" class="home">PaperNiKalo</a></li>
<li><a href="http://ggsipuresults.nic.in/ipu/examnotice/examnoticemain.htm"
class="main">GGSIPU NOTICE</a></li>
<li><a href="surajmal/msi.html"> Projects<li>
<li><a href="contact.html" class="con">Contact</a></li>
</ul>
<div class="textwidget">
<a href="http://www.000webhost.com/"
onClick="this.href='http://www.000webhost.com/815284.html'"
target="_blank"><img
src="http://www.000webhost.com/images/banners/468x60/banner13.gif"
alt="Web hosting" width="468" height="60" border="0" /></a>
<form action="http://www.google.co.in/cse" id="cse-search-box"
target="_blank" align="right"> <input type="hidden" name="cx"
value="partner-pub-5478491388417060:qj482x-1rlf" /> <input
SHIVAM
03214902013
type="hidden" name="ie" value="ISO-8859-1" /> <input type="text"
name="q" size="15" /> <input type="submit" name="sa" value="Search"
/></form><script type="text/javascript"
src="http://www.google.com/coop/cse/brand?form=cse-searchbox&amp;lang=en"></script></div>
<font face ="Bauhaus 93" color="red">
<h2>< < - - O u R P u r p o s E - - > > </h2> </font>
<p>To guide students in each and every aspect. Our site will help you in
developing your projects of all feilds..........</p>
<p> We also provide videos on the topics which you feel hard And many
more.............</p>
<div id="leftright">
</div>
<div id="rightLeft">
<h2>
ProjectS
</h2>
<ul>
SHIVAM
03214902013
<li><a href="c++2.pdf">C++ (Even)</a>
<li> <a href="cn1.pdf">Computer Network</a></li>
<li> <a href="ca1.pdf" >Computer Architecture</a></li>
</ul>
</div>
<div id="rightRight">
<h2>
</h2>
<ul>
<li> <a href="ec1.pdf">C</a>
<li><a href="ecoquestion.pdf"> ECONOMICS 1 </a>
<li><a href="projects\chem\chem.html">Chemistry</a>
<li><a href = "ASSIGNMENTMICROBIOLOGY.pdf">MicroBiology ass 1</a>
</ul>
</div>
</div>
<!--right side end -->
<br class="bank" />
SHIVAM
03214902013
</div>
<!--body part end -->
<div id="footer_bg">
<div id="footer">
<ul>
<li><a href="index.html">Home</a>|</li>
<li><a href="aboutus.html">About Us</a>|</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<font color="white" face="Monotype Corsiva">
&copy; SHIVAM BLACK HAT. All rights reserved.
</div>
</div>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to add a image in background?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Image BackGround - Shivam</title>
</head>
<body background="j06.jpg" topmargin="300" leftmargin="300">
<h3>Setting Image in Background</h3>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Create the HTML document that uses an image as an e- mail link? Use
attribute alt to provide a description of the image and link ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title> Image as Link- By Shivam</title>
</head>
<body bgcolor="D0D0D0">
<br>
<br>
<a href ="mailto:ceoshivam@projectnikalo.net63.net"><img src ="l1.gif"
alt="PROJECTNIKALO"></a>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write a simple javaScript program to alert the user with a message ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>JavaScript Alert -By Shivam</title>
<script type="text/javascript">
window.alert("Welcome To ProjectNikaloo !!!");
</script>
</head>
<body bgcolor="636363">
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write javaScript code that takes two numbers from user and show the
sum of two ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Add Two NumberS By- Shivam </title>
<script type="text/javascript">
var a,b;
a = parseInt(window.prompt(" : : : Enter the First Number : : : "));
b = parseInt(window.prompt(" : : : Enter the Second Number : : :"));
s=a+b;
window.alert("\t The Sum of Two Digits are : : : : : : \n" + s);
</script>
</head>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
SHIVAM
03214902013
Ques. WAP to demonstrate control structure switch ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<title>if case By - Shivam</title>
<head>
<script type="text/javascript">
function chk()
{
var ag;
ag=parseInt(window.prompt("Enter Your Age : : : : : "));
if(ag<'18')
{
alert("SRY NOT ELIGIBLE");
}
else
{
alert("ELIGIBLE");
}
}
</script>
</head>
<body bgcolor="cyan">
<center><h2>
If.. Condition</h2></center>
<br>
<form name="f1">
<p> <font face="Jokerman" size = "15" color ="red" > To check the eligibilty
Click the BUTTON </font></p>
<button onClick="chk()">CHECK</button>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the code that takes a three digit number from user and prints the
reverse of the same ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title> Reverse Game By - Shivam</title>
<script type="text/javascript">
function rev()
{
var f=document.getElementById("f1")
- var num=parseInt(f.t1.value);
var rem,ans;
for(i=1;i<=3;i++)
{rem=parseInt(num%10)
f.t2.value+=rem;
num=parseInt(num/10);
SHIVAM
03214902013
}
}
</script>
</head>
<body bgcolor="D9D9D1
"
leftmargin="160">
<hr>
<h2 align ="center">ReVeRsE GaMe </h2>
<hr>
<br><br><br>
<form id="f1" method="get">
Enter the Number &nbsp;&nbsp;&nbsp;&nbsp;<input type="number"
name="t1" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type ="button" value="REVERSE" onclick="rev()"><br><br>
REVERSE
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; <input type="number" name="t2" >
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the javaScript code to print the fallowing pattern :
1
12
123
1234
12345
1234
123
12
1
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Pattern</title>
</head>
<body bgcolor="505050" text="white" leftmargin="560" topmargin="200">
<script type="text/javascript">
document.write(" P . A . T . T . E . R . N <br>");
for(i=1;i<=5;i++)
{
SHIVAM
03214902013
for(j=1;j<i;j++)
{
document.writeln(j);
}
document.write("<br>");
}
for(i=5;i>=1;i--)
{
for(j=1;j<=i;j++)
{document.writeln(j);}
document.write("<br>")
}
</script>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write the javaScript code using loops to print the following pattern :
1111
2222
1111
2222
1111
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Pattern /2 By -Shivam</title>
</head>
<body bgcolor="121212" leftmargin="620" topmargin="350" text="white">
<script type="text/javascript">
document.write(" P A T T E R N <br><br>");
for(i=0;i<=2;i++)
{
for(j=1;j<=4;j++)
{
document.write("1");
}
document.write("<br>");
document.write("&nbsp;&nbsp;&nbsp;");
for(k=1;k<=4;k++)
{
document.write("2");
}
document.write("<br>");
}
</script>
</body>
</html>
SHIVAM
03214902013
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Using loop print the following table :
2
*
1
=
2
3
*
2
=
6
4
*
3
=
12
.
*
.
=
.
.
*
.
=
.
10
*
9
=
90
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Pattern 3 by- Shivam </title>
<script type="text/javascript">
document.write("<hr><h2 align=center> P . A . T . T . E . R . N</h2>
<hr><br>");
for(i=1;i<10;i++)
{
n=i+1;
p=n*i;
document.write("<center><br>");
document.write("&nbsp;&nbsp;&nbsp;"+
n+"&nbsp;&nbsp;&nbsp;"+"*&nbsp;&nbsp;&nbsp;"+i+"&nbsp;&nbsp;&nbs
p;=&nbsp;&nbsp;&nbsp;"+p);
document.write("<br>");
}
</script>
<body bgcolor="636636" text="white">
<br><br><br><br><br><br><br><br><br>
&copy; SHIVAM BLACK HAT. All rights reserved.
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write a script that takes three integers from the user and display the
sum, average, product, smallest and largest of the number in an alert box?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>InteGer Game By - Shivam </title>
<script type="text/javascript">
function dis()
{
var f1=document.getElementById("f");
var a = parseInt(f1.t1.value);
var b = parseInt(f1.t2.value);
var c = parseInt(f1.t3.value);
var sum =a+b+c;
var avr =sum/3;
var prdct=a*b*c;
var sml=(a<b)?((a<c)?a:c):((b<c)?b:c);
var grt=(a>b)?((a>c)?a:c):((b>c)?b:c);
alert(" SUM \t"+sum+"\n Average\t "+ "\n"+avr + " \n Smallest \t"+sml+"\n
Greatest\t"+grt+"\n Product \t" + prdct);
}
</script>
</head>
<body>
SHIVAM
03214902013
<hr><h2 align="center"> I . N . T . E . G . E . R &nbsp;&nbsp;&nbsp;&nbsp;
G . A . M . E </h2><hr>
<font face="Viner Hand ITC" >
<p>
Enter The Digits in he fallowing TextBox
</p>
</font>
<form id="f" method="get">
&nbsp;&nbsp;&nbsp; FirsT<input type="text" name="t1"><br>
&nbsp;&nbsp;&nbsp; SeconD<input type="text" name="t2"><br>
&nbsp;&nbsp;&nbsp; ThirD<input type="text" name="t3"><br>
<input type="button" value="ClicK" onclick=dis()>
</form>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to show initialising of multi dimensional array ?
CODE
<!-Coded By SHivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Multi Dimensional Array By - Shivam</title>
<script type="text/javascript">
var ar1=[ [1,2,1],
[3,2,3],
[1,2,1]];
document.write("<center><h2> M A T R I X</h2><br><br><br>");
for(i=0;i<3;i++)
{
for(j=0;j<3;j++)
{document.write("&nbsp;&nbsp;&nbsp;"+ar1[ i ][ j ]+"&nbsp;&nbsp;&nbsp;
");}
document.write("<br>");
}
</script>
</head>
<body bgcolor="909090">
</body>
</html>
SHIVAM
03214902013
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to demonstrate seTimeout() function ?
CODE
<!-Coded By Shivam Web Develops
ProjecNikalo
--!>
<html>
<head>
<title>setTimeOut By - Shivam</title>
<script type="text/javascript">
var tym=setTimeout(function() {alert("Welcome to BlacK WorlD")},3000);
</script>
</head>
<body bgcolor="#9123F0">
<h2 align="center"> ProjectNikalo</h2>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to sort an array ?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title> Sorting By - Shivam</title>
<script>
var a = [8, 3, 1, 4, 2, 5, 7, 9, 6,];
document.write("<hr><h2 align=center> S . O . R . T . I . N .
G</h2><hr><br><br><center>");
document.write(a.sort());
</script>
</head>
<body bgcolor="#76FBC8">
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to demonstrate various math objects in javaScript ?
CODE
<!-Coded By Shivm Web Develops
ProjectNikalo
--!>
<html>
<head>
<title></title>
<script type="text/javascript">
function minim()
{
alert("MINIMUM
"+Math.min(88,7,6,5,4));
}
function maxim()
{
alert("MAXIMUM
}
"+Math.max(88,7,6,5,4));
</script>
</head>
<body>
<hr><h2> M a t H &nbsp;&nbsp;&nbsp; o B J E C T s</h2><hr>
<h3 align=center>Click according to your choice (88,7,6,5,4 )<h3>
<center>
<input type ="button" value="MAX" onclick=maxim()>
<input type ="button" value="MIN" onclick=minim()>
</center>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to demonstrate substr(),substring() ?
CODE
<!-Coded By Shivam Web Develops
ProjetNikalo
--!>
<html>
<head>
<title></title>
<script type="text/javascript">
document.write(" <h2 align=center>Use of substr() and substring() </h2>");
var str1= "ProjectNikalo or sTupidsTudy";
document.write("<center><br><br> <i>-: substr()</i> :- <br>");
document.write(str1.substr(7,6));
document.write("<br><br> <i>-: substring()</i> :-<br> ");
document.write(str1.substring(14,28));
</script>
</head>
<body bgcolor="989898">
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. Write a program to change the background color of the webpage?
CODE
<!-Coded By Shivam
ProjectNikalo
--!>
<html>
<head>
<title> BACKGROUND COLOR by - Shivam</title>
<script type="text/javascript">
function redcol()
{
document.bgColor="red";
}
function cyancol()
{
document.bgColor="cyan";
}
function limecol()
{
document.bgColor="lime";
}
SHIVAM
03214902013
function bluecol()
{
document.bgColor="blue";
}
function pinkcol()
{
document.bgColor="pink";
}
setTimeout(function() {document.bgColor="orange"},3000);
</script>
</head>
<body>
<h2 align="center"> : : : : BackGround Color Changer : : : : </h2>
<input type="button" value="RED" onclick=redcol()>
<input type="button" value="CYAN" onclick=cyancol()>
<input type="button" value="LIME" onclick=limecol()>
<input type="button" value="BLUE" onclick=bluecol()>
<input type="button" value="PINK" onclick=pinkcol()>
</body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to print marks of 10 student entered by user in HTML table ?
CODE
<!-Coded by Shivam Web Develops
ProjectNikalo
--!>
<html>
<head>
<title>Student record by - Shivam</title>
<script type="text/javascript">
var rcd=new Array(10);
var i;
for(i=0;i<10;i++)
{
rcd[i]=prompt("Enter the number");
}
document.write(" <center><br><br><br><table border =5 cellspacing=10
bordercolor = #D8F781 bgcolor = #FAAC58 >");
document.write("<caption>Students Records</caption>");
document.write("<tr>");
document.write("<td> Roll. NO. </td> <td>Marks</td>");
for(i=0;i<10;i++)
{
document.write("<tr>");
document.write("<td>"+(i+1));
document.write("<td>"+rcd[i]);
}
</script>
</head>
<body></body>
</html>
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
Ques. WAP to show various Date objects?
CODE
<!-Coded By Shivam Web Develops
ProjectNikalo
--!>
<! DOCTYPE html>
<html>
<head>
<title>DAte By - Shivam</title>
<script>
var crnt = new Date();
document.write("<hr><h2 align=center>DaTe ObJeCtS</h2><hr>");
document.write("Complete Date : " + Date()+"<br>");
document.write("DATE : "+crnt.getDate());
document.write("<br> MONTH :"+crnt.getMonth());
document.write("<br> HOUR: "+crnt.getHours());
</script>
</head>
<body bgcolor="613010" text="446688" leftmargin="150">
SHIVAM
03214902013
OUTPUT
SHIVAM
03214902013
