← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 79 · 40 questions
TalentJR

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.

NameDateTime takenScore ___ / 40
  1. 1.♿ Does this help everyone, or make the page harder to use: write clear link text? (a) makes it harder (b) helps everyone
  2. 2.🔗 Where does this link open?
    <a href="about.html" target="_blank">Play games</a>     (a) in a new tab (b) in the same tab
  3. 3.🌗 Is yellow on black easy or hard to read? (a) easy to read (b) hard to read
  4. 4.🖼️ How many pixels wide is the picture drawn?
    <img src="map.png" alt="Map of India" width="100">
  5. 5.🌍 What is the domain name in this URL?
    http://www.example.net/art/gallery.html     (a) http (b) www.example.net (c) /art/gallery.html (d) learn.example.com
  6. 6.📝 Does <p> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
  7. 7.⚡ What does JavaScript add to a web page? (a) actions and changes (b) the domain name (c) the page title (d) only colours
  8. 8.True or false: <caption> holds the whole table. (a) True (b) False
  9. 9.🔒 Is the connection to this address scrambled (encrypted)?
    http://school.example.in/index.html     (a) No (b) Yes
  10. 10.🔗 What does target="_blank" do to a link? (a) makes it blank (b) opens it in a new tab (c) hides the link (d) makes it bold
  11. 11.True or false: <table> makes a heading cell. (a) True (b) False
  12. 12.🎯 Which CSS selector matches this element?
    <p class="red" id="top">Hello</p>     (a) p (b) .box (c) h1 (d) .top
  13. 13.🧩 Which language adds space around boxes? (a) CSS (b) JavaScript (c) HTML
  14. 14.🚀 Should file names have spaces, like my page.html? (a) No (b) Yes
  15. 15.🔗 Which address opens when you click this link?
    <a href="about.html">Visit the site</a>     (a) https://example.com (b) Visit the site (c) about.html (d) contact.html
  16. 16.📝 Which tag gives a form box a name you can click? (a) <title> (b) <hr> (c) <label> (d) <h1>
  17. 17.⚖️ What colour is the text of this element?
    <p class="note" id="end">Hi</p>
    CSS:
    p { color: green; }
    #end { color: yellow; }     (a) yellow (b) orange (c) white (d) green
  18. 18.🔠 Which heading shows the SMALLEST text: <h2>, <h6>, <h4> or <h5>? (a) <h6> (b) <h4> (c) <h2> (d) <h5>
  19. 19.🎯 What kind of selector is body? (a) an id selector (b) a class selector (c) an element selector
  20. 20.True or false: in <img>, src names the picture file. (a) False (b) True
  21. 21.True or false: the content is the gap round content. (a) False (b) True
  22. 22.True or false: <ol> is an unordered list. (a) True (b) False
  23. 23.⚖️ Which selector is the weakest? (a) an element selector (b) a class selector (c) an id selector
  24. 24.🔁 How many times does this code print “Hi”?
    for (let i = 0; i <= 5; i++) {
      console.log("Hi");
    }
  25. 25.📝 How many paragraphs does this code make?
    <p>My best friend</p>
    <h2>My best friend</h2>
    <p>Good morning!</p>
  26. 26.🧭 Why use <nav> instead of <div> for a menu? (a) it makes text red (b) it loads faster (c) it adds pictures (d) it tells its meaning
  27. 27.⚡ What does alert() show? (a) a new tab (b) a pop-up box (c) a picture (d) a table
  28. 28.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 12px;
      }
    }     (a) No (b) Yes
  29. 29.🔒 What does the lock (HTTPS) in the address bar mean? (a) the site is free (b) the data is scrambled (c) the site is a game (d) the site is fast
  30. 30.💬 How does an HTML comment end? (a) // (b) */ (c) >> (d) -->
  31. 31.Which of these is true of <nav>? (a) sits at the very top (b) holds the menu of links (c) holds the main content (d) holds a side box of tips
  32. 32.♿ Does this help everyone, or make the page harder to use: use headings in order? (a) makes it harder (b) helps everyone
  33. 33.🔠 How many heading levels does HTML have? (a) 4 (b) 10 (c) 6 (d) 3
  34. 34.🔠 How many headings are in this code?
    <h1>Cricket is fun.</h1>
    <p>Cricket is fun.</p>
    <h4>I love mangoes.</h4>
  35. 35.⚡ Where does console.log() show its output? (a) on the printer (b) in the address bar (c) in the console (d) on the title bar
  36. 36.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>Planets</h1>
      <p>Thanks for visiting.</p>
    </body>
    </html>     (a) Thanks for visiting. (b) body (c) Art Gallery (d) Planets
  37. 37.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>Cricket is fun.</p>
    <h4>The red kite</h4>
    <h3>Fun facts</h3>
  38. 38.🌍 Which program shows a web page to us? (a) a web browser (b) a music player (c) a paint program (d) a calculator
  39. 39.📊 In a table, which tag is a row? (a) <tb> (b) <tr> (c) <td> (d) <th>
  40. 40.🎯 Which sign starts a class selector? (a) @ (b) & (c) # (d) .

Answer key

  1. helps everyone
  2. in a new tab
  3. easy to read
  4. 100
  5. www.example.net
  6. has a closing tag
  7. actions and changes
  8. False
  9. No
  10. opens it in a new tab
  11. False
  12. p
  13. CSS
  14. No
  15. about.html
  16. <label>
  17. yellow
  18. <h6>
  19. an element selector
  20. True
  21. False
  22. False
  23. an element selector
  24. 6
  25. 2
  26. it tells its meaning
  27. a pop-up box
  28. No
  29. the data is scrambled
  30. -->
  31. holds the menu of links
  32. helps everyone
  33. 6
  34. 2
  35. in the console
  36. Planets
  37. 3
  38. a web browser
  39. <tr>
  40. .

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