Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 810 · 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.🧭 Who is helped most by semantic tags? (a) nobody (b) only the printer (c) only the server (d) screen-reader users
2. 2.True or false: #main is a class selector. (a) True (b) False
3. 3.🔒 What does the lock (HTTPS) in the address bar mean? (a) the data is scrambled (b) the site is fast (c) the site is free (d) the site is a game
4. 4.💬 Which text will NOT show on the page?
   <!-- <p>Our school trip</p> -->
   <p>Hello, world!</p>
   <p>Cricket is fun.</p> (a) Hello, world! (b) Our school trip (c) Cricket is fun.
5. 5.🧭 Is <article> semantic or not semantic? (a) semantic (b) not semantic
6. 6.📦 In the box model, which part is the gap round content? (a) padding (b) border (c) content (d) margin
7. 7.📊 How many cells does this table have in all?
   <table>
     <tr><td>Guava</td><td>Guava</td></tr>
     <tr><td>Mango</td><td>Mango</td></tr>
   </table>
8. 8.Which of these goes in the head? (a) <img> (b) <table> (c) <a> (d) <title>
9. 9.🔁 Which word runs code only when something is true? (a) if (b) for (c) let (d) log
10. 10.🖌️ What colour is behind the letters?
    li {
      background-color: purple;
      font-size: 12px;
      color: green;
      text-align: right;
    } (a) green (b) purple (c) orange
11. 11.⚡ What does this code show?
    let name = "Riya";
    alert("Hello, " + name + "!"); (a) Riya (b) Hello, Riya! (c) Hello, name! (d) name
12. 12.🖌️ How big is the text, in px?
    li {
      text-align: left;
      font-size: 36px;
      color: blue;
      background-color: yellow;
    }
13. 13.🔠 Which heading shows the SMALLEST text: <h1>, <h6>, <h5> or <h3>? (a) <h3> (b) <h6> (c) <h1> (d) <h5>
14. 14.🏷️ Is </p> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
15. 15.📱 min-width: 800px applies when the screen is ___. (a) exactly 100px (b) 800px or narrower (c) turned off (d) 800px or wider
16. 16.📋 Which list tag lists things in any order? (a) <ol> (b) <li> (c) <ul>
17. 17.📝 How many <input> tags are in this form?
    <form>
      <input type="email">
      <input type="checkbox">
      <input type="password">
      <input type="date">
      <input type="text">
      <input type="submit" value="Send">
    </form>
18. 18.🔠 Which heading shows the SMALLEST text: <h4>, <h6>, <h3> or <h5>? (a) <h6> (b) <h3> (c) <h4> (d) <h5>
19. 19.True or false: a web server opens web pages for us. (a) False (b) True
20. 20.Which of these is true of <article>? (a) sits at the very top (b) holds a news story (c) holds the menu of links (d) helps you move around
21. 21.True or false: a code editor answers page requests. (a) True (b) False
22. 22.📊 In a table, which tag is a row? (a) <td> (b) <th> (c) <tb> (d) <tr>
23. 23.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <link about.html> (c) <a src="about.html"> (d) <a alt="about.html">
24. 24.🌈 In #720000 the red part is the hex number 72. What is it as a normal number?
25. 25.🔍 Which line is missing its closing tag?
    line 1: <h1>Good morning!
    line 2: <u>Our school trip</u>
    line 3: <em>I love mangoes.</em> (a) line 2 (b) line 3 (c) line 1
26. 26.🌐 Which one saves our .html files? (a) a web browser (b) a code editor (c) a web server
27. 27.🔁 How many times does this code print “Hello”?
    for (let i = 1; i <= 5; i++) {
      console.log("Hello");
    }
28. 28.🔐 Is Blue@Tiger_74 a strong or a weak password? (a) weak (b) strong
29. 29.🛡️ Should you share your password with your best friend? (a) No (b) Yes
30. 30.🌍 What finds the server for a domain name like example.com? (a) HTML (b) alt (c) DNS (d) CSS
31. 31.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
32. 32.⚡ What number does this code print?
    let runs = 28;
    runs = runs + 16;
    runs = runs - 9;
    console.log(runs);
33. 33.🖌️ What colour is behind the letters?
    h1 {
      background-color: blue;
      font-size: 32px;
      color: white;
      text-align: right;
    } (a) white (b) red (c) blue
34. 34.What does justify-content: space-between do? (a) equal gaps, none at ends (b) packs boxes at the end (c) puts boxes in the middle (d) packs boxes at the start
35. 35.Which of these does CSS do? (a) shows a pop-up message (b) makes headings and lists (c) makes a form box (d) lays out the page
36. 36.🔢 On a typical page, from top to bottom, which comes first: “<header>” or “<main>”? (a) <main> (b) <header>
37. 37.💬 How does an HTML comment end? (a) */ (b) // (c) --> (d) >>
38. 38.📋 What number does the browser show next to “Mango”?
    <ol>
      <li>Jamun</li>
      <li>Guava</li>
      <li>Litchi</li>
      <li>Banana</li>
      <li>Orange</li>
      <li>Mango</li>
    </ol>
39. 39.✍️ How many declarations (property: value pairs) are in this rule?
    body {
      font-style: italic;
    }
40. 40.True or false: JavaScript counts down a timer. (a) False (b) True

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