Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 45 · 40 questions

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.

1. 1.📝 On how many lines does the browser show this paragraph?
   <p>Roses are red<br>Sky is blue</p>
2. 2.Which of these is not safe to do online? (a) tell a trusted adult (b) use a strong password (c) type a password on http (d) ask before downloading
3. 3.🔗 Which address opens when you click this link?
   <a href="news.html">Play games</a> (a) quiz.html (b) Play games (c) games.html (d) news.html
4. 4.🌈 Which colour of light is strongest in rgb(210, 92, 43)? (a) green (b) blue (c) red
5. 5.🔗 Which address opens when you click this link?
   <a href="art.html">Play games</a> (a) art.html (b) quiz.html (c) Play games (d) news.html
6. 6.♿ Which link text is clearest? (a) link (b) Read the fruit facts (c) click here (d) here
7. 7.🏷️ Which is the closing tag for <b>? (a) <b> (b) </b> (c) <\b> (d) <b/>
8. 8.🖌️ Which CSS property makes the text bold? (a) background-color (b) font-family (c) font-weight (d) text-align
9. 9.Which of these is an empty tag? (a) <title> (b) <ul> (c) <br> (d) <b>
10. 10.🔗 Where does this link open?
    <a href="maths.html" target="_blank">Play games</a> (a) in the same tab (b) in a new tab
11. 11.True or false: “add alt text to images” makes the page harder to use. (a) True (b) False
12. 12.🔁 What does this code print?
    let score = 16;
    if (score > 6) {
      console.log("You win");
    } else {
      console.log("Play again");
    } (a) Play again (b) You win
13. 13.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="100"> (a) A tiger asleep (b) fort.jpg (c) An old fort (d) width
14. 14.🔍 Which is the odd one out? (a) lays out the page (b) sets colours and fonts (c) gives the page structure (d) rounds box corners
15. 15.True or false: to ask before downloading is not safe. (a) True (b) False
16. 16.⚡ What does this code print? (Look at the quotes!)
    let x = "8";
    let y = 2;
    console.log(x + y); (a) Error (b) 10 (c) 82
17. 17.🔗 Where does this link open?
    <a href="maths.html" target="_blank">Art corner</a> (a) in the same tab (b) in a new tab
18. 18.💬 Does the browser show comments on the page? (a) No (b) Yes
19. 19.✍️ Which sign ends each CSS declaration? (a) ; (b) . (c) : (d) ,
20. 20.True or false: in <img>, alt names the picture file. (a) True (b) False
21. 21.Which of these is true of <main>? (a) holds extra side notes (b) holds the main content (c) sits at the bottom (d) sits at the very top
22. 22.🖌️ Where does the text sit on its line?
    li {
      text-align: right;
      color: green;
      background-color: purple;
      font-size: 16px;
    } (a) on the right (b) in the middle (c) on the left
23. 23.🖼️ How many pixels wide is the picture drawn?
    <img src="kite.png" alt="A red kite" width="300">
24. 24.🔢 In a basic web page file, which comes FIRST? (a) </html> (b) </head> (c) <html> (d) <!DOCTYPE html>
25. 25.What is <input type="text"> for? (a) lets you pick only one (b) takes only numbers (c) is for one line of words (d) lets you tick many
26. 26.🖌️ Which CSS property colours behind the text? (a) font-family (b) color (c) background-color (d) text-align
27. 27.🌈 Which colour is rgb(255, 255, 0)? (a) red (b) black (c) blue (d) yellow
28. 28.Which of these is padding? (a) the line round the box (b) a solid or dotted edge (c) the gap round content (d) the gap to other boxes
29. 29.📱 Responsive design means a page ___. (a) never changes (b) has no pictures (c) fits every screen (d) is only for laptops
30. 30.🚀 Which file should this code go in: console.log(5 + 2); (a) index.html (b) script.js (c) style.css
31. 31.Which of these goes in the head? (a) <link rel="stylesheet"> (b) <ul> (c) <h1> (d) <img>
32. 32.🚀 You change your code. What should you do to see the change? (a) save and refresh (b) rename the folder (c) delete the file (d) switch off the PC
33. 33.🚀 Which file should this code go in: <img src="cat.png"> (a) script.js (b) style.css (c) index.html
34. 34.🔠 Which tag is the least important heading? (a) <h6> (b) <h1> (c) <h3> (d) <p>
35. 35.True or false: HTML on its own cannot make a form. (a) False (b) True
36. 36.🖼️ Which picture file does the browser load?
    <img src="bus.jpg" alt="Our school bus" width="50"> (a) fort.jpg (b) tiger.jpg (c) bus.jpg (d) Our school bus
37. 37.🔐 Is password a strong or a weak password? (a) strong (b) weak
38. 38.🔗 Which tag makes a clickable link? (a) <img> (b) <a> (c) <link> (d) <p>
39. 39.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <h2>I love mangoes.</h2>
    <h2>Fun facts</h2>
    <p>My best friend</p>
    <h2>I love mangoes.</h2>
    <p>My pets</p>
40. 40.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 200px;
      padding: 25px;
      border: 3px solid black;
      margin: 20px;
    }

Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids