WEB TECH ASSIGNMENT NO-1
1)DESIGN A FONT-ATTIBUTE AND BACKGROUND ATTRIBUTE
THE PAGE SHOULD CONTAIN HADER TAG H1,H2 AND A
PARAGRAPH
<html>
<head>
<title></title>
</head>
<body>
<h1 style="color:red; text-decoration:underline; font-style:italic; font-weight:300; background-color:yellow">
this is the first webtech practicle class
</h1>
<h2 style="color:blue; text-decoration:overline; font-style:oblique; font-size:larger; text-align:right; background-color:red;">
hello friends iam manish
</h2>
<p> we live in <p>india
</body>
</html>
2) DESIGN A PAGE USING TEXT -ATTRIBUTE THE PAGE
SHOULD CONTAIN TWO HEADER TAGST & ONE PARAGRAPH
TAG
<html>
<head>
<title></title>
</head>
<body>
<h1 style="text-decoration:underline; text-transform:uppercase; text-align:center; text-emphasis:dot;">
we are part3 student of karim city college
</h1>
<h2 style="text-decoration:line-through; text-align:right;">
hello india we love india
</h2>
</body>
</html>
3) DESIGN A PAGE TO ILLUSTRAT THE USE OF BORDER
ATTRIBUTE
<html >
<head>
<title></title>
</head>
<body>
<h1 style="border-style:dashed; border-color:red ; border-right-width:thick; border-top-style:outset;">
this is the use of border attribut</br>
</h1>
<h2 style="border-style:inset; border-top-width:medium; border-bottom-width:thick; border-bottom-color:blue; border-top-color:green">
my name is manish if you have any doubt ask me or call me 9576253532
</h2>
</body>
</html>
4) DESIGN A PAGE TO ILLUSTRATE THE USE OF MARGIN
ATTRIBUTE
<html>
<head>
<title></title>
</head>
<body>
<h1 style="margin-top:100px";> use of margin</h1>
</body>
</html>
5) DESIGN A PAGE CONTAIN TWO PARAGRAPH & SHOWING THE
VARIOUS LIST OF ATTRIBUTE
<html>
<head>
<title></title>
</head>
<body>
<p>
following religion lives in india
<ul>
<li>hindu
</li>
<li>
muslim
</li>
<li>
sikh
</li>
<li>
christain
</li>
<ul>
</ul>
</ul>
</p>
<p>
hindu is sub divided into
<ul style="square">
<li>
pandit
</li>
<li>
rajput
</li>
<li>
brahman
</li>
</ul>
</p>
</body>
</html>
6) DISIGN A PAGE TO ISSLUSTRATE THE USE OF CLASS
SPAN WITH PARAGRAPH
<html>
<head>
<title></title>
</head>
<body>
<style>
.a{color:green ; font-size:large;}
.b{color:red ; font-style:italic; }
</style>
<p class="a"> Guru,Subashish,Satty,Kamil,Eashita,Bushra,Hena, <span class="b">Manish</span> are student of karim city college</p>
</body>
</html>
Q1> DISPLAY MAXIMUM AND MININMUM NO FROM 5 NO
<html>
<head>
<title></title>
<script language="javascript">
var i;
var max=0;
a=new Array(5);
b=new Array(5);
for(i=0;i<5;i++)
{
a[i]=prompt("enter the five value");
b[i]=parseInt(a[i]);
}
for(i=0;i<5;i++)
{
if(b[i]>max)
max=b[i];
}
document.write("max is ="+max);
for(i=0;i<5;i++)
{
if(max>b[i])
max=b[i];
}
document.write("min is ="+max);
</script>
</head>
<body>
</body>
</html>
Q2> DISPLAY ALL EVEN NO BETWEEN TWO NO WHICH
ARE TAKEN THROUGH PROMPT BOX
<html>
<head>
<title>man</title>
</script>
</head>
<body>
<script language="javascript">
var i,a,b,z,y;
var j=0;
var sum=0;
a=new Array(5);
b=new Array(5);
z=prompt("enter the first range");
y=prompt("enter the last range");
document.write("even no betwwen "+z+"and "+y+" are ");
for(i=z;i<=y;i++)
{
b[j]=i;
a[j]=parseInt(b[j]);
if(a[j]%2==0)
document.write(" "+a[j]);
j++;
}
</script>
</body>
</html>
Q3> DISPLAY REVERSE OF A GIVEN NO WITH THE HELP
OF GIVEN NO
<html>
<head>
<title>man</title>
</script>
</head>
<body>
<script language="javascript">
var rev=0,a;
a=prompt("enter the first range");
document.write("reverse of no are");
while(a>0)
{
d=a%10;
rev=rev*10+d;
a=parseInt(a/10);
}
document.write(rev);
</script>
</body>
</html>
Q4> DISPLAY GOODMORNING,GOOD EVINING,GOOD AFTERNOON
GOOD NIGHT ACCORDING TO CURRENT TIME
<html>
<head>
<title>man</title>
</script>
</head>
<body>
<script language="javascript">
var h=new Date();
if(h.getHours()>1 && h.getHours()<12)
document.write("good morning");
else if(h.getHours()>18 && h.getHours()<21)
document.write("good evining");
if(h.getHours()>21)
document.write("good night");
if(h.getHours()>12 && h.getHours()<18)
document.write("good afternoon");
</script>
</body>
</html>
Q5> DISPLAY DAY NAME OF YHE CURRENT DAY
<html>
<head>
<title>man</title>
</script>
</head>
<body>
<script language="javascript">
var h=new Date();
if(h.getDay()==1)
document.write("today is monday");
else if(h.getDay()==2)
document.write("today is tuesday");
else if(h.getDay()==3)
document.write("today is wednesday");
else if(h.getDay()==4)
document.write("today is thursday");
else if(h.getDay()==5)
document.write("today is friday");
else if(h.getDay()==6)
document.write("today is satueday");
else
document.write("today is sunday");
</script>
</body>
</html>
THANK YOU
Comments