Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 437 · 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.🔗 Where does this link open?
   <a href="games.html">Play games</a> (a) in a new tab (b) in the same tab
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.🌍 What is the domain name in this URL?
   https://school.example.in/about.html (a) www.example.net (b) school.example.in (c) https (d) /about.html
4. 4.🌍 Which one scrambles data on its way? (a) the server (b) the browser (c) HTTPS (d) the URL
5. 5.🧩 Which language puts a picture on a page? (a) HTML (b) CSS (c) JavaScript
6. 6.📱 Which tag helps phones show a page at the right size? (a) the hr tag (b) the br tag (c) the title tag (d) the viewport meta tag
7. 7.🎨 Which tag holds CSS inside the head? (a) <script> (b) <body> (c) <style> (d) <css>
8. 8.True or false: <input> has a closing tag. (a) False (b) True
9. 9.🔠 Which heading shows the SMALLEST text: <h6>, <h5>, <h4> or <h2>? (a) <h5> (b) <h2> (c) <h4> (d) <h6>
10. 10.🔍 Which line is missing its closing tag?
    line 1: <h1>My best friend
    line 2: <small>Fun facts</small>
    line 3: <h3>Cricket is fun.</h3> (a) line 2 (b) line 1 (c) line 3
11. 11.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 120px;
      justify-content: flex-start;
    }
    Inside are 2 boxes, each 40px wide (no margins).
12. 12.Which of these is true of a code editor? (a) answers page requests (b) stores a website’s files (c) opens web pages for us (d) saves our .html files
13. 13.True or false: <title> has a closing tag. (a) False (b) True
14. 14.🧭 Is <footer> semantic or not semantic? (a) semantic (b) not semantic
15. 15.🌈 Which colour of light is strongest in rgb(160, 54, 133)? (a) blue (b) red (c) green
16. 16.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 18px;
      }
    }
17. 17.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Rivers flow<br>Kites fly high<br>Birds sing</p>
18. 18.True or false: <h1> has a closing tag. (a) False (b) True
19. 19.True or false: <input type="text"> is for an email address. (a) False (b) True
20. 20.🔢 In a basic web page file, which comes first: “<html>” or “<body>”? (a) <html> (b) <body>
21. 21.🌈 Which colour is rgb(255, 255, 0)? (a) white (b) red (c) yellow (d) magenta
22. 22.True or false: .box { padding: 8px; } goes in style.css. (a) False (b) True
23. 23.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <p>Fun facts</p>
    <h4>The red kite</h4>
    <h3>I love mangoes.</h3>
    <h2>Hello, world!</h2>
24. 24.🔗 Which words do you click on?
    <a href="about.html">Art corner</a> (a) School news (b) href (c) about.html (d) Art corner
25. 25.💬 Which text will NOT show on the page?
    <!-- <p>Our school trip</p> -->
    <p>My best friend</p>
    <p>My pets</p> (a) Our school trip (b) My pets (c) My best friend
26. 26.🚀 Which file should this code go in: <img src="cat.png"> (a) style.css (b) index.html (c) script.js
27. 27.What is <input type="number"> for? (a) takes only numbers (b) lets you tick many (c) is for an email address (d) hides what you type
28. 28.💬 How does an HTML comment end? (a) // (b) >> (c) --> (d) */
29. 29.🔍 Which line is missing its closing tag?
    line 1: <em>Cricket is fun.</em>
    line 2: <h3>Rain today
    line 3: <h2>I love mangoes.</h2> (a) line 1 (b) line 3 (c) line 2
30. 30.📊 Which tag gives the table a title? (a) <caption> (b) <td> (c) <table> (d) <tr>
31. 31.Which colour pair is easy to read? (a) white on black (b) red on green (c) blue on purple (d) yellow on white
32. 32.📝 What does <hr> draw? (a) a picture (b) a link (c) a table (d) a line across the page
33. 33.🔐 Is S0lar!Pen#8 a strong or a weak password? (a) weak (b) strong
34. 34.🌈 Which colour is #ffff00? (a) white (b) yellow (c) bright green (d) blue
35. 35.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
36. 36.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 200px;
      padding: 20px;
      border: 5px solid black;
      margin: 10px;
    }
37. 37.🧭 Which semantic tag sits at the very top? (a) <header> (b) <main> (c) <nav> (d) <article>
38. 38.📋 Which list tag is an ordered list? (a) <ol> (b) <li> (c) <ul>
39. 39.💪 Which flexbox property lines boxes up across? (a) display: flex (b) justify-content (c) align-items (d) gap
40. 40.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="sport"> Football
      <input type="radio" name="sport"> Kabaddi
      <input type="radio" name="sport"> Chess
      <input type="radio" name="sport"> Cricket
      <input type="radio" name="sport"> Hockey
    </form>

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