Scribd
Upload
35 views3 pages

Kiefer - May 5 Computing 7 Test1 Q4 23

This document contains a practice computing test with questions about CSS (Cascading Style Sheets). It asks about inline and internal CSS and where external CSS is created. It also asks how to create four webpages for a burger restaurant with criteria like inserting images and paragraphs. The document provides examples of HTML code for the home, burger, and drinks pages. It also provides CSS code to style elements like the font, size, color, and background color.

Uploaded by

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

Kiefer - May 5 Computing 7 Test1 Q4 23

This document contains a practice computing test with questions about CSS (Cascading Style Sheets). It asks about inline and internal CSS and where external CSS is created. It also asks how to create four webpages for a burger restaurant with criteria like inserting images and paragraphs. The document provides examples of HTML code for the home, burger, and drinks pages. It also provides CSS code to style elements like the font, size, color, and background color.

Uploaded by

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

Computing Test1 Q4, 2023

Grade 7

1. What does CSS stand for? (2) It stands for Cascading Style Sheets
2. What are inline and internal CSS give one example for each one of them (4)
Inline CSS is used to apply a unique style to one html element: <h1
style=”color:blue;”>something</h1>
Internal CSS is used to apply a unique style to one whole html page:
body {background-color: powderblue;}
3. Where in an HTML document is the correct place to create an external CSS?(2)
You create an external CSS in the head section of the HTML document.
4. Explain why people use external CSS? (2)
People use external CSS so they can have the same style on multiple websites without
having to change it manually.
5. Which CSS property is used to change the text color of an element?(2)
<p style=”color:red;”> something </p>
6. Explain how to create four webpages about Burger Restaurant with this following
criteria
● Page One: Home.HTML, page is inserted with an image on the left side of the
page and has 2 paragraphs (5 marks)
<html>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline;
}
<head>
<linkrel=”stylesheet” href=”burger.css”>
</head>
<body>
<ul>
<li><a href=”Home.html”>Home</a></li>
<li><a href=”Burger.html”>Burgers</a></li>
<li><a href=”Drinks.html’>Drinks</a></li>
</ul>
<img src=”image/burger1.png” alt=”burger1” style=”width:
500px;height:250px;>

<h1> Burger Restaurant </h1>


<p> Welcome to Burger Restaurant, here we have a lot of meals and of course
our main dish burgers! ……</p>
<p> We’ve refined our recipe into the finest burgers we have today and you can
try some right here, right now….</p>
</body>
</html>
● Page two: Burger.html, the page is inserted with the image at the center of the
page and has 2 paragraphs. (3 marks)
<html>
<head>
<linkrel=”stylesheet” href=”burger.css”>
img {
display: block;
margin-left: auto;
margin-right: auto;
}
</head>
<body>
<img src=”image/burger2.png” alt=”burger2” style=”width:200px;height:200px;>
<h1>Burgers</h1>
<p> The burgers here are always made with top notch quality and everything in
the kitchen is always clean……</p>
<p> We have many types of burgers for many types of people, people with
different tastes and people with different preferences….</p>
</body>
</html>
● Page three: Drinks.html, the page is inserted with a background image cover and
has 2 paragraphs. (3 marks)
<html>
<head>
<style>
body {
background-image: url (‘image/burgerrestaurant.png’);
}
</style>
<linkrel=”stylesheet” href=”burger.css”>
</head>
<body>
<h1>Drinks</h1>
<p> Drinks here are also great because we juice, soda pops, beer, and a lot
more….</p>
<p>Other than that you can request your own custom drinks with your favorite
ingredients and if it’s good enough we might even put it on the menu…</p>
</body>
</html>

● CSS: Font type, font size, font color, body: background color, (8 marks)

h1 {
color: orange;
font-family: arial;
font-size: 150%;
}
p{
color: purple;
font-family: fantasy;
font-size: 100%;
}
body {
background-color: Green;
}

You might also like