Scribd
Upload
69 views2 pages

Assignment 16 - Programming With Scratch

The document outlines Assignment 16, which focuses on programming with Scratch to enhance students' skills in HTML and CSS through two tasks. Task 1 involves creating a webpage for favorite quotes with specific styling, while Task 2 requires designing a birthday invitation with its own CSS styles. The total marks for the assignment are 10, which will be assessed during the weekly practical/activity session.

Uploaded by

Sadia Khadim
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
69 views2 pages

Assignment 16 - Programming With Scratch

The document outlines Assignment 16, which focuses on programming with Scratch to enhance students' skills in HTML and CSS through two tasks. Task 1 involves creating a webpage for favorite quotes with specific styling, while Task 2 requires designing a birthday invitation with its own CSS styles. The total marks for the assignment are 10, which will be assessed during the weekly practical/activity session.

Uploaded by

Sadia Khadim
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

Assignment 16 - Programming with Scratch

Practice with the following:​ ​ ​ ​ Total Marks = 10

🎯 Objective:
To strengthen the student's understanding of how to build and style web content using HTML
and CSS with 2 practical coding tasks.

🔹 Task 1 – Favorite Quotes with CSS


<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #fff8dc;
font-family: Arial;
}
blockquote {
background-color: #e0f7fa;
border-left: 5px solid #00796b;
padding: 10px;
margin: 10px;
font-style: italic;
color: #333;
}
</style>
</head>
<body>

<h2>My Favorite Quotes</h2>


<blockquote>"The best way to learn is to do."</blockquote>
<blockquote>"Practice makes perfect."</blockquote>

</body>
</html>
🔹 Task 2 – Birthday Invitation with CSS
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #ffe4e1;
text-align: center;
}
h1 {
color: #d32f2f;
font-family: 'Comic Sans MS';
}
p{
border: 2px dashed #f06292;
padding: 10px;
width: 60%;
margin: auto;
font-size: 18px;
}
</style>
</head>
<body>

<h1>You're Invited!</h1>
<p>Come to my birthday party on Saturday at 5 PM!</p>
<p>Location: Garrison School Auditorium</p>
<p>Hope to see you there!</p>

</body>
</html>

Note: These marks will be given to you on the weekly practical/activity.

You might also like