Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 751 · 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) <title> (b) <style> (c) <table> (d) <link rel="stylesheet">
2. 2.🖼️ Which attribute of <img> names the picture file? (a) width (b) height (c) src (d) alt
3. 3.True or false: HTML on its own can pick a random number. (a) False (b) True
4. 4.🌈 Which colour of light is strongest in rgb(251, 21, 98)? (a) blue (b) red (c) green
5. 5.🔠 Which heading shows the SMALLEST text: <h6>, <h3>, <h5> or <h4>? (a) <h3> (b) <h5> (c) <h6> (d) <h4>
6. 6.🔗 Which words do you click on?
   <a href="maths.html">Visit the site</a> (a) maths.html (b) Visit the site (c) Maths fun (d) href
7. 7.⚖️ What colour is the text of this element?
   <p class="note" id="hero">Hi</p>
   CSS:
   #hero { color: white; }
   #hero { color: black; } (a) red (b) white (c) black (d) purple
8. 8.🖌️ What colour is behind the letters?
   li {
     text-align: center;
     color: white;
     background-color: purple;
     font-size: 12px;
   } (a) purple (b) green (c) white
9. 9.🧭 Which semantic tag holds extra side notes? (a) <aside> (b) <article> (c) <header> (d) <main>
10. 10.Which of these is true of a web server? (a) turns HTML into a page (b) hosts websites online (c) has an address bar (d) opens web pages for us
11. 11.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Litchi</td><td>Banana</td></tr>
    </table>
12. 12.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) Try this poha. (b) All about me (c) body (d) Cricket Club
13. 13.What is <input type="text"> for? (a) is for one line of words (b) is for an email address (c) lets you tick many (d) takes only numbers
14. 14.🔒 Is the connection to this address scrambled (encrypted)?
    http://www.example.com/maths/tables.html (a) Yes (b) No
15. 15.What is <input type="email"> for? (a) picks a day (b) is for an email address (c) lets you pick only one (d) hides what you type
16. 16.🔒 Is the connection to this address scrambled (encrypted)?
    http://learn.example.com/news/today.html (a) No (b) Yes
17. 17.🔠 How many headings are in this code?
    <h1>My best friend</h1>
    <p>I love mangoes.</p>
    <p>I love mangoes.</p>
    <p>Fun facts</p>
    <h3>Our school trip</h3>
18. 18.⚡ What does JavaScript add to a web page? (a) the page title (b) the domain name (c) actions and changes (d) only colours
19. 19.🌍 Which one scrambles data on its way? (a) the server (b) the URL (c) the browser (d) HTTPS
20. 20.💬 How does an HTML comment start? (a) // (b) /* (c) # (d) <!--
21. 21.🎯 Which sign starts an id selector? (a) . (b) & (c) @ (d) #
22. 22.🔁 What does i++ do? (a) adds 1 to i (b) prints i (c) takes 1 from i (d) doubles i
23. 23.🏷️ What does a closing tag have that an opening tag does not? (a) a dollar $ (b) a hash # (c) a slash / (d) a dot .
24. 24.🔗 Which address opens when you click this link?
    <a href="https://example.com">Art corner</a> (a) maths.html (b) Art corner (c) https://example.com (d) art.html
25. 25.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <h3>I love mangoes.</h3>
    <p>My best friend</p>
    <p>Fun facts</p>
    <h4>Cricket is fun.</h4>
26. 26.🔗 Which tag makes a clickable link? (a) <link> (b) <img> (c) <a> (d) <p>
27. 27.📋 Which list tag is an ordered list? (a) <ul> (b) <ol> (c) <li>
28. 28.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="sport"> Chess
      <input type="checkbox" name="sport"> Cricket
      <input type="checkbox" name="sport"> Football
      <input type="checkbox" name="sport"> Hockey
      <input type="checkbox" name="sport"> Kabaddi
    </form>
29. 29.♿ Is this heading order correct (no level skipped)?
    <h1> → <h3> → <h3> → <h4> (a) Yes (b) No
30. 30.📊 Which tag holds the whole table? (a) <caption> (b) <th> (c) <table> (d) <td>
31. 31.🔍 Which is the odd one out? (a) makes headings and lists (b) puts a picture on a page (c) makes a form box (d) shows a pop-up message
32. 32.True or false: a web browser turns HTML into a page. (a) True (b) False
33. 33.🎨 Which attribute adds CSS inside one tag? (a) src (b) href (c) alt (d) style
34. 34.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the shorter one (b) the first one (c) the later one (d) neither
35. 35.📊 Which tag gives the table a title? (a) <td> (b) <caption> (c) <tr> (d) <th>
36. 36.⚡ What number does this code print?
    let books = 29;
    books = books + 10;
    books = books - 32;
    console.log(books);
37. 37.⚡ What does this code show?
    let name = "Zoya";
    alert("Welcome, " + name + "!"); (a) Zoya (b) Welcome, name! (c) Welcome, Zoya! (d) name
38. 38.True or false: p { color: red; } goes in style.css. (a) False (b) True
39. 39.🖌️ Which CSS property makes the text bold? (a) font-weight (b) background-color (c) color (d) font-size
40. 40.📊 How many cells are in each row?
    <table>
      <tr><td>Orange</td><td>Banana</td></tr>
      <tr><td>Jamun</td><td>Banana</td></tr>
      <tr><td>Guava</td><td>Guava</td></tr>
    </table>

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