Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 61 · 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.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>My Hobbies</title>
   </head>
   <body>
     <h1>All about me</h1>
     <p>We won by 5 runs.</p>
   </body>
   </html> (a) body (b) My Hobbies (c) We won by 5 runs. (d) All about me
2. 2.🔁 How many times does this code print “Hi”?
   for (let i = 0; i <= 6; i++) {
     console.log("Hi");
   }
3. 3.Which of these is true of a web browser? (a) answers page requests (b) turns HTML into a page (c) hosts websites online (d) is where we type code
4. 4.📊 Which tag makes a heading cell? (a) <table> (b) <th> (c) <caption> (d) <tr>
5. 5.📝 Does <p> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
6. 6.⚖️ What colour is the text of this element?
   <h1 class="big" id="main">Hi</h1>
   CSS:
   h1 { color: white; }
   h1 { color: blue; } (a) white (b) red (c) yellow (d) blue
7. 7.🖼️ Which tag puts a picture on a page? (a) <pic> (b) <p> (c) <a> (d) <img>
8. 8.🔠 Which heading shows the SMALLEST text: <h2>, <h1>, <h4> or <h5>? (a) <h4> (b) <h5> (c) <h2> (d) <h1>
9. 9.💬 Which text will NOT show on the page?
   <p>Our school trip</p>
   <!-- <p>The red kite</p> -->
   <p>Hello, world!</p>
   <p>I love mangoes.</p> (a) Hello, world! (b) I love mangoes. (c) Our school trip (d) The red kite
10. 10.🧭 Which semantic tag holds a news story? (a) <footer> (b) <nav> (c) <header> (d) <article>
11. 11.True or false: “skipping heading levels” makes the page harder to use. (a) False (b) True
12. 12.🎯 Which element does the selector .red style? (a) <h2 class="star"> (b) <h1 class="box"> (c) <h1 id="red"> (d) <h1 class="red">
13. 13.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <!-- <p>Cricket is fun.</p> -->
    <!-- <p>Our school trip</p> -->
    <!-- <p>I love mangoes.</p> -->
    <!-- <p>Hello, world!</p> -->
14. 14.🛡️ Online: is it safe to share your OTP? (a) safe (b) not safe
15. 15.📝 Which tag makes a big box for many lines of text? (a) <br> (b) <textarea> (c) <input> (d) <p>
16. 16.🎯 How many elements on a page should have the same id? (a) any number (b) 2 (c) 1 (d) 5
17. 17.🔢 When you open a web page, which comes FIRST? (a) the browser asks it (b) the browser shows it (c) the server sends files (d) you type the URL
18. 18.🔠 Which heading shows the SMALLEST text: <h2>, <h1>, <h6> or <h3>? (a) <h2> (b) <h1> (c) <h3> (d) <h6>
19. 19.🔍 Which line is missing its closing tag?
    line 1: <p>Hello, world!
    line 2: <u>My best friend</u>
    line 3: <em>Rain today</em> (a) line 2 (b) line 3 (c) line 1
20. 20.📋 Does this list show bullets or numbers?
    <ol>
      <li>Mango</li>
      <li>Orange</li>
    </ol> (a) numbers (b) bullets
21. 21.📝 How many paragraphs does this code make?
    <p>My best friend</p>
    <p>Cricket is fun.</p>
    <p>I love mangoes.</p>
    <h2>Rain today</h2>
    <p>Rain today</p>
22. 22.🔤 In “HTML”, what do the letters HT stand for? (a) Hot Tags (b) High Tech (c) Home Text (d) HyperText
23. 23.🎯 What kind of selector is #main? (a) an element selector (b) an id selector (c) a class selector
24. 24.🧭 Is <aside> semantic or not semantic? (a) semantic (b) not semantic
25. 25.Which of these is the content? (a) the gap to other boxes (b) the line round the box (c) the text or picture (d) a solid or dotted edge
26. 26.✍️ Which sign ends each CSS declaration? (a) : (b) . (c) ; (d) ,
27. 27.📋 Which list tag shows 1, 2, 3 numbers? (a) <ul> (b) <li> (c) <ol>
28. 28.🧭 Why use <nav> instead of <div> for a menu? (a) it adds pictures (b) it loads faster (c) it makes text red (d) it tells its meaning
29. 29.🏷️ Is <h1> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
30. 30.🎯 Which CSS selector matches this element?
    <p class="menu" id="main">Hello</p> (a) #logo (b) .note (c) .menu (d) .main
31. 31.True or false: score = score + 1; goes in index.html. (a) True (b) False
32. 32.📱 The screen is 414px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 20px;
      }
    } (a) Yes (b) No
33. 33.True or false: a web server opens web pages for us. (a) True (b) False
34. 34.🌗 Is white on black easy or hard to read? (a) easy to read (b) hard to read
35. 35.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 6; i++) {
      total = total + 4;
    }
    console.log(total);
36. 36.🧩 Which language puts a picture on a page? (a) CSS (b) HTML (c) JavaScript
37. 37.♿ A part of the page is under a <h5> heading. Which tag should its sub-heading use? (a) <h5> (b) <h1> (c) <h2> (d) <h6>
38. 38.🔗 Which tag makes a clickable link? (a) <link> (b) <img> (c) <a> (d) <p>
39. 39.💬 Which text will NOT show on the page?
    <p>Cricket is fun.</p>
    <!-- <p>Hello, world!</p> -->
    <p>My pets</p> (a) Hello, world! (b) My pets (c) Cricket is fun.
40. 40.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h4> (b) <h2> (c) <h3> (d) <h6>

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