Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 345 · 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.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) helps everyone (b) makes it harder
2. 2.🎯 Which element does the selector .big style? (a) <li class="big"> (b) <div class="box"> (c) <li class="red"> (d) <li id="big">
3. 3.🔢 When you open a web page, which comes LAST? (a) the browser asks it (b) the server sends files (c) you type the URL (d) the browser shows it
4. 4.📝 How many <input> tags are in this form?
   <form>
     <input type="checkbox">
     <input type="email">
     <input type="submit" value="Send">
   </form>
5. 5.💪 How wide (px) is each gap between two boxes?
   .row {
     display: flex;
     width: 110px;
     justify-content: space-between;
   }
   Inside are 2 boxes, each 50px wide (no margins).
6. 6.Which of these goes in the head? (a) <img> (b) <a> (c) <link rel="stylesheet"> (d) <ul>
7. 7.🔗 Which address opens when you click this link?
   <a href="maths.html">Maths fun</a> (a) maths.html (b) news.html (c) Maths fun (d) art.html
8. 8.📱 What does a media query check? (a) the battery level (b) the time of day (c) the screen width (d) the page title
9. 9.📋 Which list tag lists steps in order? (a) <li> (b) <ol> (c) <ul>
10. 10.⚖️ What colour is the text of this element?
    <h2 class="star" id="hero">Hi</h2>
    CSS:
    #hero { color: yellow; }
    #hero { color: black; } (a) green (b) blue (c) black (d) yellow
11. 11.🎨 Which tag holds CSS inside the head? (a) <script> (b) <style> (c) <body> (d) <css>
12. 12.🌍 What does a web address (URL) tell the browser? (a) your password (b) where the page is (c) how old you are (d) the page colour
13. 13.💬 Can anyone read your comments by viewing the page source? (a) Yes (b) No
14. 14.✍️ What value is given to width in this rule?
    .note {
      font-style: italic;
      width: 300px;
    } (a) 300px (b) italic (c) red (d) width
15. 15.📝 Which input type is for one line of words? (a) email (b) password (c) checkbox (d) text
16. 16.🏷️ Which is the closing tag for <small>? (a) <small/> (b) <\small> (c) </small> (d) <small>
17. 17.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Jamun</td><td>Mango</td><td>Papaya</td></tr>
    </table>
18. 18.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="radio" name="colour"> Green
      <input type="radio" name="colour"> Blue
      <input type="radio" name="colour"> Red
      <input type="radio" name="colour"> Pink
    </form>
19. 19.🛡️ Online: is it safe to ask before downloading? (a) safe (b) not safe
20. 20.🌗 Is white on dark blue easy or hard to read? (a) hard to read (b) easy to read
21. 21.🧭 Is <article> semantic or not semantic? (a) not semantic (b) semantic
22. 22.🌍 Which one shows the page to you? (a) the URL (b) HTTPS (c) the server (d) the browser
23. 23.🌐 Which one shows line numbers? (a) a code editor (b) a web server (c) a web browser
24. 24.🔢 To build and share your first web page, which comes first: “test in a browser” or “add CSS styles”? (a) add CSS styles (b) test in a browser
25. 25.⚖️ 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
26. 26.🎯 Can many elements share the same class? (a) Yes (b) No
27. 27.🌍 What is the protocol in this URL?
    https://kids.example.org/art/gallery.html (a) kids.example.org (b) http (c) https (d) /art/gallery.html
28. 28.⚖️ Which selector is the strongest? (a) an id selector (b) an element selector (c) a class selector
29. 29.🎯 Which CSS selector matches this element?
    <h2 class="box" id="end">Hello</h2> (a) h2 (b) #hero (c) li (d) #box
30. 30.True or false: <ol> is an unordered list. (a) False (b) True
31. 31.🎯 What kind of selector is .menu? (a) a class selector (b) an id selector (c) an element selector
32. 32.🏷️ Is <b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
33. 33.🌈 Which hex code is blue? (a) #0000ff (b) #ffff00 (c) #ff00ff (d) #000000
34. 34.Which of these is true of a web browser? (a) answers page requests (b) stores a website’s files (c) opens web pages for us (d) is where we type code
35. 35.🏷️ What does a closing tag have that an opening tag does not? (a) a hash # (b) a slash / (c) a dot . (d) a dollar $
36. 36.🧩 Which language reacts to a button click? (a) CSS (b) HTML (c) JavaScript
37. 37.📦 In the box model, which part is space outside the border? (a) margin (b) content (c) border (d) padding
38. 38.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <h3>My pets</h3>
    <h4>I love mangoes.</h4>
    <h2>My best friend</h2>
    <h3>Cricket is fun.</h3>
39. 39.True or false: “skipping heading levels” helps everyone use the page. (a) False (b) True
40. 40.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="fruit"> Papaya
      <input type="checkbox" name="fruit"> Litchi
      <input type="checkbox" name="fruit"> Mango
      <input type="checkbox" name="fruit"> Guava
    </form>

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