Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 318 · 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.🌈 Which colour is #ff00ff? (a) cyan (b) magenta (c) yellow (d) white
2. 2.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is a game (b) the site is fast (c) the data is scrambled (d) the site is free
3. 3.✍️ Which sign ends each CSS declaration? (a) , (b) ; (c) : (d) .
4. 4.True or false: <input type="checkbox"> lets you tick many. (a) False (b) True
5. 5.🏷️ Which is the closing tag for <u>? (a) <\u> (b) <u> (c) <u/> (d) </u>
6. 6.True or false: in <img>, width shows if the image fails. (a) False (b) True
7. 7.🔗 What does HyperText mean? (a) text with links (b) secret text (c) very big text (d) text in colour
8. 8.True or false: a web server opens web pages for us. (a) False (b) True
9. 9.📦 In the box model, which part is space outside the border? (a) margin (b) content (c) border (d) padding
10. 10.🌍 Which one scrambles data on its way? (a) HTTPS (b) the URL (c) the browser (d) the server
11. 11.🔢 To build and share your first web page, which comes first: “write the HTML” or “publish it online”? (a) write the HTML (b) publish it online
12. 12.🔠 Which heading shows the BIGGEST text: <h4>, <h1>, <h5> or <h6>? (a) <h6> (b) <h5> (c) <h4> (d) <h1>
13. 13.🧭 Is <header> semantic or not semantic? (a) semantic (b) not semantic
14. 14.⚡ What number does this code print?
    let a = 3;
    let b = 6;
    console.log(a * b);
15. 15.📱 max-width: 600px applies when the screen is ___. (a) exactly 1000px (b) 600px or narrower (c) 600px or wider (d) turned off
16. 16.🔐 Is Kite_Fl1es@Dawn a strong or a weak password? (a) weak (b) strong
17. 17.True or false: <table> gives the table a title. (a) True (b) False
18. 18.🔗 Where does this link open?
    <a href="https://example.com">About us</a> (a) in a new tab (b) in the same tab
19. 19.🎨 What does CSS stand for? (a) Cascading Style Sheets (b) Colourful Site Styles (c) Creative Sheet System (d) Computer Style Sheets
20. 20.🌍 What is the domain name in this URL?
    https://learn.example.com/art/gallery.html (a) /art/gallery.html (b) learn.example.com (c) https (d) www.example.com
21. 21.🌈 Which colour is rgb(0, 0, 0)? (a) red (b) black (c) bright green (d) cyan
22. 22.Which of these is padding? (a) the text or picture (b) the gap to other boxes (c) space outside the border (d) the gap round content
23. 23.🖼️ How many pixels wide is the picture drawn?
    <img src="bus.jpg" alt="Our school bus" width="150">
24. 24.💬 Which text will NOT show on the page?
    <p>The red kite</p>
    <!-- <p>I love mangoes.</p> -->
    <p>My best friend</p>
    <p>Our school trip</p> (a) I love mangoes. (b) My best friend (c) The red kite (d) Our school trip
25. 25.📱 The screen is 540px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 1024px) {
      p {
        font-size: 16px;
      }
    } (a) Yes (b) No
26. 26.🔢 In a basic web page file, which comes first: “<html>” or “<body>”? (a) <body> (b) <html>
27. 27.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 170px;
      padding: 5px;
      border: 1px solid black;
      margin: 15px;
    }
28. 28.Which of these does HTML do? (a) makes a link (b) changes the text size (c) sets colours and fonts (d) shows a pop-up message
29. 29.🌍 What is the protocol in this URL?
    https://kids.example.org/about.html (a) http (b) https (c) kids.example.org (d) /about.html
30. 30.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
31. 31.Which of these is an opening tag? (a) </title> (b) <p> (c) </b> (d) </p>
32. 32.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 20px;
      }
    } (a) Yes (b) No
33. 33.🔍 Which is the odd one out? (a) rounds box corners (b) sets colours and fonts (c) puts a picture on a page (d) adds space around boxes
34. 34.💬 Which text will NOT show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>Rain today</p>
    <p>Our school trip</p> (a) Rain today (b) Our school trip (c) Cricket is fun.
35. 35.🚀 Which file should this code go in: alert(score); (a) script.js (b) index.html (c) style.css
36. 36.🖌️ Which CSS property makes letters bigger? (a) color (b) font-size (c) font-weight (d) background-color
37. 37.📱 The screen is 414px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 22px;
      }
    } (a) No (b) Yes
38. 38.🎯 Which CSS selector matches this element?
    <div class="box" id="end">Hello</div> (a) .end (b) .star (c) div (d) span
39. 39.🔍 Which is the odd one out? (a) shows line numbers (b) is where we type code (c) colours code to help us (d) shows pages from the web
40. 40.True or false: the browser scrambles data on its way. (a) False (b) True

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