Web Development Worksheet: Final Test
Code tip (Read it like a browser): Find the topic: HTML, CSS, JavaScript or how the web works. Read the code line by line, the way a browser would. For sums and loops, write each step down and check it again.
NameDateTime takenScore ___ / 40
- 1.📋 Which list tag shows 1, 2, 3 numbers? (a) <ol> (b) <ul> (c) <li>
- 2.🌍 What finds the server for a domain name like example.com? (a) DNS (b) CSS (c) HTML (d) alt
- 3.Which of these is true of a web browser? (a) colours code to help us (b) answers page requests (c) turns HTML into a page (d) saves our .html files
- 4.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <ol> (c) <hr> (d) <br>
- 5.True or false: a code editor opens web pages for us. (a) False (b) True
-
6.🖼️ How many pixels wide is the picture drawn?
<img src="fort.jpg" alt="An old fort" width="100"> - 7.True or false: <img src="cat.png"> goes in script.js. (a) False (b) True
-
8.💬 How many paragraphs show on the page?
<p>Cricket is fun.</p>
<p>The red kite</p>
<!-- <p>Hello, world!</p> -->
<p>My best friend</p>
<p>My pets</p> -
9.🔍 One closing tag is missing. Which one?
<u>My best friend</u>
<h3>Hello, world!
<i>Rain today</i> (a) </small> (b) </i> (c) </u> (d) </h3> - 10.🌍 What do we call the computer that stores a website? (a) a keyboard (b) a mouse (c) a server (d) a printer
- 11.Which of these is safe to do online? (a) log out on shared PCs (b) share your OTP (c) download from pop-ups (d) share your password
- 12.🌈 Which hex code is red? (a) #ffffff (b) #000000 (c) #ff0000 (d) #ff00ff
- 13.💬 Does the browser show comments on the page? (a) No (b) Yes
- 14.🛡️ Online: is it safe to think before you post? (a) safe (b) not safe
- 15.🚀 Which tag loads script.js into a page? (a) <link script.js> (b) <a href="script.js"> (c) <js src="script.js"> (d) <script src="script.js">
-
16.📊 How many cells are in each row?
<table>
<tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
<tr><td>Jamun</td><td>Grapes</td><td>Jamun</td><td>Grapes</td></tr>
</table> - 17.True or false: <b> has a closing tag. (a) True (b) False
- 18.📱 Responsive design means a page ___. (a) never changes (b) is only for laptops (c) fits every screen (d) has no pictures
- 19.🔠 Which heading shows the BIGGEST text: <h5>, <h3>, <h2> or <h6>? (a) <h6> (b) <h3> (c) <h2> (d) <h5>
-
20.✍️ How many declarations (property: value pairs) are in this rule?
.box {
font-weight: bold;
} -
21.🖌️ What colour is behind the letters?
h2 {
background-color: orange;
text-align: right;
font-size: 16px;
color: yellow;
} (a) black (b) yellow (c) orange -
22.💬 Which text will NOT show on the page?
<p>I love mangoes.</p>
<p>Our school trip</p>
<p>Rain today</p>
<!-- <p>The red kite</p> --> (a) Rain today (b) Our school trip (c) I love mangoes. (d) The red kite -
23.🔗 Where does this link open?
<a href="contact.html" target="_blank">Maths fun</a> (a) in a new tab (b) in the same tab -
24.📝 How many paragraphs does this code make?
<p>Fun facts</p>
<h2>I love mangoes.</h2>
<p>Hello, world!</p>
<p>Good morning!</p> - 25.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
- 26.True or false: <input type="email"> picks a day. (a) False (b) True
- 27.True or false: <h1>My Site</h1> goes in script.js. (a) True (b) False
- 28.🌗 Is white on dark blue easy or hard to read? (a) easy to read (b) hard to read
-
29.💬 Which text will NOT show on the page?
<!-- <p>Hello, world!</p> -->
<p>I love mangoes.</p>
<p>Our school trip</p> (a) I love mangoes. (b) Our school trip (c) Hello, world! -
30.🖼️ How many pixels wide is the picture drawn?
<img src="tiger.jpg" alt="A tiger asleep" width="100"> - 31.🖼️ Which attribute of <img> names the picture file? (a) src (b) alt (c) height (d) width
- 32.True or false: HTML on its own cannot make tables. (a) False (b) True
-
33.🔍 One closing tag is missing. Which one?
<em>My pets
<small>Our school trip</small>
<h2>Rain today</h2> (a) </h3> (b) </em> (c) </small> (d) </h2> - 34.🚀 Where in index.html does the link to style.css go? (a) in the footer (b) inside a <p> (c) in the head (d) after </html>
- 35.🔠 Which tag is used for the main title on a page? (a) <p> (b) <h1> (c) <h6> (d) <br>
-
36.🔗 Which words do you click on?
<a href="https://example.com">About us</a> (a) Contact us (b) https://example.com (c) href (d) About us - 37.📋 Which list suits a shopping list in any order? (a) <br> (b) <ul> (c) <hr> (d) <ol>
-
38.⚖️ What colour is the text of this element?
<h2 class="note" id="end">Hi</h2>
CSS:
#end { color: purple; }
#end { color: orange; } (a) red (b) purple (c) black (d) orange -
39.🔗 Which address opens when you click this link?
<a href="maths.html">Contact us</a> (a) art.html (b) Contact us (c) maths.html (d) news.html -
40.✍️ What value is given to border in this rule?
li {
width: 300px;
border: 2px solid;
} (a) italic (b) 2px solid (c) border (d) 300px
Answer key
- <ol>
- DNS
- turns HTML into a page
- <ol>
- False
- 100
- False
- 4
- </h3>
- a server
- log out on shared PCs
- #ff0000
- No
- safe
- <script src="script.js">
- 4
- True
- fits every screen
- <h2>
- 1
- orange
- The red kite
- in a new tab
- 3
- Yes
- False
- False
- easy to read
- Hello, world!
- 100
- src
- False
- </em>
- in the head
- <h1>
- About us
- <ul>
- orange
- maths.html
- 2px solid
Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids