Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 293 · 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 #ffffff? (a) red (b) bright green (c) cyan (d) white
2. 2.🧭 Which semantic tag sits at the very top? (a) <header> (b) <nav> (c) <aside> (d) <main>
3. 3.What does color do? (a) picks the font style (b) sets the letter colour (c) colours behind the text (d) centres a heading
4. 4.📊 Which tag holds the whole table? (a) <th> (b) <td> (c) <table> (d) <tr>
5. 5.💬 Which text will NOT show on the page?
   <p>Hello, world!</p>
   <p>I love mangoes.</p>
   <p>Cricket is fun.</p>
   <!-- <p>Good morning!</p> --> (a) Hello, world! (b) Cricket is fun. (c) Good morning! (d) I love mangoes.
6. 6.🔢 When you open a web page, what comes right after “the browser asks it”? (a) the browser shows it (b) DNS finds the server (c) you type the URL (d) the server sends files
7. 7.Which of these is true of a web server? (a) shows pages from the web (b) turns HTML into a page (c) sends pages over the net (d) saves our .html files
8. 8.📱 Responsive design means a page ___. (a) never changes (b) has no pictures (c) is only for laptops (d) fits every screen
9. 9.📝 On how many lines does the browser show this paragraph?
   <p>Rivers flow<br>Stars shine</p>
10. 10.⚖️ What colour is the text of this element?
    <h1 class="box" id="main">Hi</h1>
    CSS:
    .box { color: yellow; }
    h1 { color: white; } (a) yellow (b) purple (c) orange (d) white
11. 11.📝 Which tag gives a form box a name you can click? (a) <title> (b) <hr> (c) <label> (d) <h1>
12. 12.📝 On how many lines does the browser show this paragraph?
    <p>Sky is blue<br>Rivers flow<br>Birds sing<br>Stars shine<br>Kites fly high</p>
13. 13.✍️ How many declarations (property: value pairs) are in this rule?
    .note {
      border: 2px solid;
      font-weight: bold;
      font-size: 20px;
    }
14. 14.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 28px;
      }
    } (a) No (b) Yes
15. 15.Which of these is not safe to do online? (a) think before you post (b) tell a trusted adult (c) keep passwords secret (d) type a password on http
16. 16.📊 How many cells does this table have in all?
    <table>
      <tr><td>Banana</td><td>Orange</td></tr>
      <tr><td>Mango</td><td>Mango</td></tr>
      <tr><td>Banana</td><td>Grapes</td></tr>
      <tr><td>Banana</td><td>Litchi</td></tr>
    </table>
17. 17.🛡️ Online: is it safe to use a strong password? (a) not safe (b) safe
18. 18.True or false: the URL sends the page back. (a) True (b) False
19. 19.📄 What is the first line of an HTML5 page? (a) <head> (b) <html> (c) <body> (d) <!DOCTYPE html>
20. 20.True or false: in <img>, src tells which image to load. (a) True (b) False
21. 21.🔗 Where does this link open?
    <a href="contact.html">Visit the site</a> (a) in a new tab (b) in the same tab
22. 22.⚡ What number does this code print?
    let a = 16;
    let b = 10;
    console.log(a - b);
23. 23.🔢 In a basic web page file, which comes LAST? (a) </head> (b) <!DOCTYPE html> (c) <html> (d) </html>
24. 24.🎯 Which element does the selector span style? (a) <h1 class="note"> (b) <p> (c) <h2 id="logo"> (d) <span class="note">
25. 25.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 9; i++) {
      total = total + i;
    }
    console.log(total);
26. 26.🌈 In #006b00 the green part is the hex number 6b. What is it as a normal number?
27. 27.True or false: HTML on its own cannot make a form. (a) False (b) True
28. 28.🔗 Which code links to about.html? (a) <link about.html> (b) <a src="about.html"> (c) <a alt="about.html"> (d) <a href="about.html">
29. 29.🔠 Which tag is used for the main title on a page? (a) <p> (b) <br> (c) <h1> (d) <h6>
30. 30.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
31. 31.📊 How many rows does this table have?
    <table>
      <tr><td>Banana</td><td>Guava</td><td>Mango</td><td>Grapes</td></tr>
      <tr><td>Jamun</td><td>Mango</td><td>Orange</td><td>Papaya</td></tr>
    </table>
32. 32.⚡ What number does this code print?
    let a = 33;
    let b = 5;
    console.log(a + b);
33. 33.Which of these is true of <header>? (a) holds the menu of links (b) helps you move around (c) holds copyright notes (d) holds the logo and title
34. 34.⚡ A JavaScript file usually ends with which extension? (a) .js (b) .html (c) .jpg (d) .css
35. 35.🔗 Where does this link open?
    <a href="about.html" target="_blank">Art corner</a> (a) in a new tab (b) in the same tab
36. 36.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (min-width: 600px) {
      p {
        font-size: 24px;
      }
    } (a) Yes (b) No
37. 37.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) index.html (b) style.css (c) script.js
38. 38.Which of these has a closing tag? (a) <b> (b) <br> (c) <input> (d) <hr>
39. 39.🎯 Which CSS selector matches this element?
    <div class="menu" id="top">Hello</div> (a) .note (b) #top (c) #menu (d) #intro
40. 40.📋 What number does the browser show next to “Grapes”?
    <ol start="8">
      <li>Litchi</li>
      <li>Jamun</li>
      <li>Guava</li>
      <li>Grapes</li>
      <li>Mango</li>
      <li>Orange</li>
    </ol>

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