Scribd
Upload
37 views6 pages

Web Programming - 240207 - 215505

The document is a code screenshot and output from an assignment on web programming by Charanya Jogi. The code creates a basic HTML page with CSS styling. It includes a canvas element with text, navigation links, an image, headings, paragraphs and a button. When the product and home links are clicked, no additional output is shown.

Uploaded by

aquapanda07
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
37 views6 pages

Web Programming - 240207 - 215505

The document is a code screenshot and output from an assignment on web programming by Charanya Jogi. The code creates a basic HTML page with CSS styling. It includes a canvas element with text, navigation links, an image, headings, paragraphs and a button. When the product and home links are clicked, no additional output is shown.

Uploaded by

aquapanda07
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

WEB PROGRAMMING

ASSIGNMENT BY CHARANYA JOGI – 22BAI1467

Code Screenshot:
Code output:
<!DOCTYPE html>
<html lang="en-UK">
<head>
<style>
body{
background-size:100%;
background-color:#ffd4d4;
}
div{
float:Right;
}
h1{
text-decoration: none;
text-color:black;
text-align:bottom center;
font-size:50px;

}
button{
background-color:red;
border-radius: 40px;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
font-size: 16px;
}
img{
float:right;
width:700px;
height:700px;
border-radius: 70%;
coords: 70,80,0;
top:auto;
}
</style>
</head>
<body>
<canvas id="myCanvas" width="100" height="25" style="border:3px solid
#0f0f0f;"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "15px sans-serif";
ctx.fillStyle = "red";
ctx.fillText("RedStore",10,20S);
</script>

<form>

<div class="Home">
<a href="https://rsanimesh.github.io/index.html" style="text-
decoration:none; color:black">Home &nbsp;</a>
<a href="https://rsanimesh.github.io/products.html"
style="text-decoration:none; color:black" >Product &nbsp;</a>
<a href="https://rsanimesh.github.io/" style="text-
decoration:none; color:black">About &nbsp;</a>
<a href="https://rsanimesh.github.io/" style="text-
decoration:none; color:black">Contact &nbsp;</a>
<a href="https://rsanimesh.github.io/account.html"
style="text-decoration:none; color:black">Account &nbsp;</a>

</div>
<img src ="https://rsanimesh.github.io/images/image1.png"
width="1000" height="1500">

</form>
<br>
<br>
<br><br>
<br><br>
<h1>Give Your Work A New Style!</h1>
<p>Success isnt always about greatness. it's about consistency.
Consistent hard work gains success. Greatness will come.</p>
<form>
<button type="Explore" >Explore Now -></button>
</form>

</body>
</html>

Output:

After clicking on product:


After clicking on home :

You might also like