Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 609 · 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.📊 How many cells are in each row?
   <table>
     <tr><td>Orange</td><td>Banana</td></tr>
     <tr><td>Grapes</td><td>Litchi</td></tr>
     <tr><td>Jamun</td><td>Mango</td></tr>
   </table>
2. 2.📋 Which tag goes around each item of a list? (a) <ol> (b) <ul> (c) <li> (d) <p>
3. 3.🔗 Which address opens when you click this link?
   <a href="about.html">School news</a> (a) School news (b) https://example.com (c) contact.html (d) about.html
4. 4.🔗 Where does this link open?
   <a href="about.html" target="_blank">Play games</a> (a) in the same tab (b) in a new tab
5. 5.True or false: <p>Hello!</p> goes in style.css. (a) True (b) False
6. 6.🔠 Are headings shown in bold by default? (a) No (b) Yes
7. 7.🔁 Which loop repeats code a set number of times? (a) else (b) let (c) for (d) if
8. 8.🧭 Which semantic tag helps you move around? (a) <aside> (b) <nav> (c) <article> (d) <header>
9. 9.♿ What does good colour contrast mean? (a) text stands out clearly (b) many bright colours (c) no colours at all (d) only red text
10. 10.⚡ Which JavaScript word makes a new variable? (a) if (b) for (c) console.log() (d) let
11. 11.🔗 Which words do you click on?
    <a href="quiz.html">Art corner</a> (a) quiz.html (b) href (c) Art corner (d) School news
12. 12.True or false: <tr> gives the table a title. (a) False (b) True
13. 13.🔗 Which attribute holds the address of a link? (a) src (b) id (c) href (d) alt
14. 14.💬 How does an HTML comment end? (a) --> (b) // (c) >> (d) */
15. 15.📝 On how many lines does the browser show this paragraph?
    <p>Birds sing<br>Stars shine<br>Sky is blue</p>
16. 16.🔗 Which words do you click on?
    <a href="contact.html">Play games</a> (a) contact.html (b) About us (c) Play games (d) href
17. 17.Which of these is a closing tag? (a) </li> (b) <b> (c) <p> (d) <body>
18. 18.Which of these has a closing tag? (a) <hr> (b) <input> (c) <img> (d) <b>
19. 19.🎯 What kind of selector is h1? (a) an id selector (b) an element selector (c) a class selector
20. 20.Which of these goes in the body? (a) <style> (b) <a> (c) <link rel="stylesheet"> (d) <meta charset="utf-8">
21. 21.🔗 Which tag makes a clickable link? (a) <img> (b) <link> (c) <p> (d) <a>
22. 22.🔢 In a basic web page file, which comes LAST? (a) </head> (b) <head> (c) </html> (d) <html>
23. 23.True or false: a web server saves our .html files. (a) True (b) False
24. 24.📝 Does <h1> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
25. 25.♿ A part of the page is under a <h3> heading. Which tag should its sub-heading use? (a) <h2> (b) <h5> (c) <h3> (d) <h4>
26. 26.📋 Which list tag is an unordered list? (a) <ol> (b) <li> (c) <ul>
27. 27.True or false: <ul> is an empty tag. (a) False (b) True
28. 28.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 70px;
      padding: 5px;
      border: 1px solid black;
      margin: 0px;
    }
29. 29.📦 In the box model, which part is space outside the border? (a) padding (b) margin (c) border (d) content
30. 30.⚖️ What colour is the text of this element?
    <h1 class="note" id="end">Hi</h1>
    CSS:
    #end { color: red; }
    h1 { color: yellow; }
    .note { color: black; } (a) blue (b) black (c) red (d) yellow
31. 31.📝 Which tag holds a whole form? (a) <ol> (b) <input> (c) <form> (d) <table>
32. 32.🔗 Where does this link open?
    <a href="news.html" target="_blank">About us</a> (a) in a new tab (b) in the same tab
33. 33.📊 Where do <td> cells go? (a) inside a <p> (b) inside the <head> (c) inside a <tr> (d) inside a <li>
34. 34.🚀 You change your code. What should you do to see the change? (a) rename the folder (b) delete the file (c) switch off the PC (d) save and refresh
35. 35.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="date">
      <input type="submit" value="Send">
    </form>
36. 36.What is <input type="submit"> for? (a) sends the form (b) is for an email address (c) picks a day (d) takes only numbers
37. 37.True or false: the content is the text or picture. (a) False (b) True
38. 38.♿ Does this help everyone, or make the page harder to use: skipping heading levels? (a) makes it harder (b) helps everyone
39. 39.🚀 Which file is best for code that reacts to clicks? (a) script.js (b) notes.txt (c) index.html (d) style.css
40. 40.📝 Which input type takes only numbers? (a) submit (b) date (c) text (d) number

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