Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 839 · 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 list shows the steps of a recipe best? (a) <hr> (b) <ol> (c) <ul> (d) <br>
2. 2.⚡ What does this code print? (Look at the quotes!)
   let x = "3";
   let y = 2;
   console.log(x + y); (a) Error (b) 32 (c) 5
3. 3.📋 Which list suits a shopping list in any order? (a) <br> (b) <ul> (c) <hr> (d) <ol>
4. 4.🔠 Which heading shows the SMALLEST text: <h2>, <h4>, <h5> or <h3>? (a) <h2> (b) <h5> (c) <h4> (d) <h3>
5. 5.🖼️ The picture cannot load. Which text does the browser show instead?
   <img src="cake.jpg" alt="Birthday cake" width="50"> (a) cake.jpg (b) A happy dog (c) width (d) Birthday cake
6. 6.🔗 What does target="_blank" do to a link? (a) makes it blank (b) makes it bold (c) hides the link (d) opens it in a new tab
7. 7.🎯 Which element does the selector .star style? (a) <li class="star"> (b) <li class="menu"> (c) <li id="star"> (d) <div class="note">
8. 8.📊 How many cells does this table have in all?
   <table>
     <tr><td>Guava</td><td>Banana</td><td>Jamun</td><td>Litchi</td></tr>
     <tr><td>Litchi</td><td>Papaya</td><td>Banana</td><td>Banana</td></tr>
   </table>
9. 9.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
10. 10.💬 Which text will NOT show on the page?
    <p>Cricket is fun.</p>
    <p>Good morning!</p>
    <!-- <p>I love mangoes.</p> --> (a) Cricket is fun. (b) Good morning! (c) I love mangoes.
11. 11.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the head (b) in the body
12. 12.True or false: a web browser answers page requests. (a) False (b) True
13. 13.🖼️ Which picture file does the browser load?
    <img src="kite.png" alt="A red kite" width="150"> (a) kite.png (b) cake.jpg (c) map.png (d) A red kite
14. 14.True or false: <ul> is an empty tag. (a) True (b) False
15. 15.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 10; i++) {
      total = total + i;
    }
    console.log(total);
16. 16.🛡️ Online: is it safe to check for https first? (a) safe (b) not safe
17. 17.True or false: the server scrambles data on its way. (a) False (b) True
18. 18.🖼️ Which attribute of <img> names the picture file? (a) height (b) alt (c) src (d) width
19. 19.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <p>Our school trip</p>
    <p>The red kite</p>
    <p>Cricket is fun.</p>
    <h2>Rain today</h2>
    <p>My best friend</p>
20. 20.⚡ What number does this code print?
    let score = 7;
    score = score + 17;
    score = score - 6;
    console.log(score);
21. 21.🖼️ Which attribute of <img> is read by screen readers? (a) src (b) width (c) height (d) alt
22. 22.Which of these is a strong password? (a) 111111 (b) 123456 (c) Rain#Drop_42! (d) riya2014
23. 23.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Kites fly high<br>Sky is blue</p>
24. 24.✍️ Which property is set to yellow in this rule?
    #top {
      background-color: yellow;
      color: red;
    } (a) yellow (b) background-color (c) padding (d) margin
25. 25.True or false: in <img>, height shows if the image fails. (a) False (b) True
26. 26.🚀 Which file should this code go in: <h1>My Site</h1> (a) script.js (b) index.html (c) style.css
27. 27.🖼️ How many pixels wide is the picture drawn?
    <img src="cake.jpg" alt="Birthday cake" width="50">
28. 28.♿ Does this help everyone, or make the page harder to use: label every form box? (a) helps everyone (b) makes it harder
29. 29.🏷️ Which is the closing tag for <small>? (a) <small> (b) <\small> (c) </small> (d) <small/>
30. 30.🏷️ Which is the closing tag for <em>? (a) <em/> (b) <\em> (c) <em> (d) </em>
31. 31.🔠 Which heading shows the BIGGEST text: <h6>, <h3>, <h4> or <h1>? (a) <h4> (b) <h3> (c) <h1> (d) <h6>
32. 32.♿ Does this help everyone, or make the page harder to use: skipping heading levels? (a) makes it harder (b) helps everyone
33. 33.🔁 What does this code print?
    let age = 45;
    if (age >= 41) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
34. 34.📝 How many <input> tags are in this form?
    <form>
      <input type="checkbox">
      <input type="number">
      <input type="password">
      <input type="email">
      <input type="submit" value="Send">
    </form>
35. 35.📄 Where does <p> go: in the head or in the body? (a) in the body (b) in the head
36. 36.📱 Responsive design means a page ___. (a) fits every screen (b) never changes (c) has no pictures (d) is only for laptops
37. 37.📄 Where does the text of <title> appear? (a) on the browser tab (b) at the bottom (c) nowhere (d) in a big heading
38. 38.⚡ What does JavaScript add to a web page? (a) only colours (b) actions and changes (c) the page title (d) the domain name
39. 39.Which of these is true of <main>? (a) holds extra side notes (b) helps you move around (c) is the page’s key part (d) sits at the bottom
40. 40.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 24px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 22px;
      }
    }

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