Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 3

Answer the following questions in the specified area (add more lines/insert images if needed).

Save file in word format then upload.

Q.No.1. Create images, images show that a boy is going to school after completion of his
Studies, he came back happy, confident and proud. Save images in PNG (11:)
Answer:
Image 1:Describe that students are going to Shool

Image 2: Describes that Students are studying In the class room

Image 3: Describes students are going back to home after study.

Page 1 of 3
Q.No.2. Add images from Question 1 in HTML page and describe the images. (6:)
Answer:

HTML and CSS code


<!DOCTYPE html> body {
<html> background-color:gray;
<head> }
<title>Web CREATIONS</title>
.container {
<link rel="stylesheet" type="text/css" href="home.css" >
<body>
max-width:1200px;
margin:auto;
<h1 style="color:white ;text-align:center">StoryBoard</h1>
<div class="container" > background:white;

<div class="gallery"> overflow:auto;


<img src="Img1.png" height=300 width=250 border="1"> height:fixed;
<div class="desc">This image describes that students are }
going to school.</div> .gallery {
</div> margin:5px;
border:1px solid #ccc;
<div class="gallery">
float:left;
<img src="Img2.png" height=300 width=250 border="1">
width:370px;
<div class="desc">This image describe that students are
studying in the class room </div>
</div> }

Page 2 of 3
.gallery img {
<div class="gallery">
<img src="Img3.png" height=300 width=250 border="1"> width:90%;
<div class="desc">This image describe that students are going
height:auto;
back to home after study.</div>
}
</div>
.gallery desc {
padding:15px;
</div>
</body> text-align:center;

</html> }

Q.No.3. How to create Animation, discuss the topic in HTML page (3:)
Answer:

**THE END**

Page 3 of 3

You might also like