Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 63 · 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 of these goes in the body? (a) <h1> (b) <meta charset="utf-8"> (c) <title> (d) <link rel="stylesheet">
2. 2.🌐 Which one is where we type code? (a) a code editor (b) a web browser (c) a web server
3. 3.What does font-size do? (a) sets the letter colour (b) picks the font style (c) makes letters bigger (d) centres a heading
4. 4.🔠 Which heading shows the SMALLEST text: <h1>, <h4>, <h2> or <h3>? (a) <h4> (b) <h1> (c) <h2> (d) <h3>
5. 5.🔠 Which tag is used for the main title on a page? (a) <p> (b) <br> (c) <h1> (d) <h6>
6. 6.🔗 Where does this link open?
   <a href="quiz.html" target="_blank">School news</a> (a) in a new tab (b) in the same tab
7. 7.🌗 Is blue on purple easy or hard to read? (a) hard to read (b) easy to read
8. 8.⚡ Which JavaScript word repeats code? (a) console.log() (b) for (c) let (d) if
9. 9.🧭 Is <article> semantic or not semantic? (a) not semantic (b) semantic
10. 10.🔍 Which is the odd one out? (a) shows pages from the web (b) opens web pages for us (c) has an address bar (d) colours code to help us
11. 11.📝 Does <input> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
12. 12.🔒 Is the connection to this address scrambled (encrypted)?
    https://www.example.com/news/today.html (a) No (b) Yes
13. 13.🔁 How many times does this code print “Well done”?
    for (let i = 1; i < 7; i++) {
      console.log("Well done");
    }
14. 14.📋 How many items does this list show?
    <ol>
      <li>Jamun</li>
      <li>Grapes</li>
      <li>Litchi</li>
      <li>Guava</li>
      <li>Banana</li>
    </ol>
15. 15.True or false: “use big enough text” helps everyone use the page. (a) True (b) False
16. 16.🔗 Where does this link open?
    <a href="maths.html">Contact us</a> (a) in a new tab (b) in the same tab
17. 17.⚖️ What colour is the text of this element?
    <h1 class="red" id="logo">Hi</h1>
    CSS:
    h1 { color: green; }
    #logo { color: red; } (a) red (b) black (c) purple (d) green
18. 18.✍️ What value is given to color in this rule?
    h1 {
      border: 2px solid;
      font-weight: bold;
      margin: 10px;
      color: red;
    } (a) color (b) red (c) center (d) 20px
19. 19.🎯 Which element does the selector div style? (a) <span> (b) <p class="menu"> (c) <div class="menu"> (d) <h1 id="end">
20. 20.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <h4>Hello, world!</h4>
    <h2>Good morning!</h2>
21. 21.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 220px;
      padding: 5px;
      border: 4px solid black;
      margin: 20px;
    }
22. 22.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <a> (d) <p>
23. 23.🌈 In #rrggbb, which colour do the first two digits give? (a) blue (b) red (c) black (d) green
24. 24.📱 The screen is 1366px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 28px;
      }
    }
25. 25.📋 Which list tag goes inside ul or ol? (a) <ul> (b) <ol> (c) <li>
26. 26.⚡ What does this code show?
    let name = "Zoya";
    console.log("Welcome, " + name + "!"); (a) name (b) Zoya (c) Welcome, name! (d) Welcome, Zoya!
27. 27.🔍 Which is the odd one out? (a) makes a link (b) puts a picture on a page (c) changes the text size (d) makes headings and lists
28. 28.🔁 How many times does this code print “Well done”?
    for (let i = 2; i <= 11; i++) {
      console.log("Well done");
    }
29. 29.📋 Does this list show bullets or numbers?
    <ul>
      <li>Litchi</li>
      <li>Orange</li>
      <li>Papaya</li>
    </ul> (a) numbers (b) bullets
30. 30.🔍 Which line is missing its closing tag?
    line 1: <u>Our school trip
    line 2: <i>Good morning!</i>
    line 3: <h3>Hello, world!</h3> (a) line 3 (b) line 2 (c) line 1
31. 31.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="email">
      <input type="password">
      <input type="submit" value="Send">
    </form>
32. 32.⚖️ What colour is the text of this element?
    <h1 class="star" id="intro">Hi</h1>
    CSS:
    .star { color: green; }
    .star { color: yellow; } (a) blue (b) green (c) yellow (d) purple
33. 33.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 260px;
      padding: 10px;
      border: 2px solid black;
      margin: 10px;
    }
34. 34.Which of these goes in the head? (a) <a> (b) <style> (c) <img> (d) <ul>
35. 35.🛡️ Is it safe to use the same password on every site? (a) Yes (b) No
36. 36.📋 Does this list show bullets or numbers?
    <ol>
      <li>Guava</li>
      <li>Papaya</li>
      <li>Jamun</li>
    </ol> (a) numbers (b) bullets
37. 37.🔗 Which attribute holds the address of a link? (a) src (b) alt (c) href (d) id
38. 38.What is <input type="password"> for? (a) is for an email address (b) hides what you type (c) picks a day (d) lets you pick only one
39. 39.🚀 Which file should this code go in: <ul><li>Art</li></ul> (a) style.css (b) index.html (c) script.js
40. 40.🔠 Which heading shows the SMALLEST text: <h3>, <h1>, <h5> or <h6>? (a) <h1> (b) <h5> (c) <h3> (d) <h6>

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