Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 368 · 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 is true of a web browser? (a) is where we type code (b) shows line numbers (c) opens web pages for us (d) stores a website’s files
2. 2.Which of these is margin? (a) the line round the box (b) the gap round content (c) space outside the border (d) space inside the border
3. 3.🛡️ Online: is it safe to ask before downloading? (a) not safe (b) safe
4. 4.🌈 How many pairs of hex digits are in a colour like #ff8800? (a) 3 (b) 6 (c) 4 (d) 2
5. 5.📱 What does a media query check? (a) the time of day (b) the screen width (c) the page title (d) the battery level
6. 6.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 6; i++) {
     total = total + i;
   }
   console.log(total);
7. 7.🌗 Is red on green easy or hard to read? (a) easy to read (b) hard to read
8. 8.Which of these is the content? (a) space outside the border (b) a solid or dotted edge (c) the text or picture (d) the gap to other boxes
9. 9.🌈 In #be0000 the red part is the hex number be. What is it as a normal number?
10. 10.🖼️ Which attribute of <img> sets how wide it is? (a) alt (b) height (c) width (d) src
11. 11.📝 Which input type takes only numbers? (a) password (b) submit (c) date (d) number
12. 12.True or false: to post your home address is not safe. (a) True (b) False
13. 13.📱 max-width: 600px applies when the screen is ___. (a) 600px or wider (b) exactly 1000px (c) 600px or narrower (d) turned off
14. 14.🔁 Which word runs code only when something is true? (a) let (b) log (c) for (d) if
15. 15.🧭 Is <footer> semantic or not semantic? (a) semantic (b) not semantic
16. 16.🔗 Which words do you click on?
    <a href="maths.html">School news</a> (a) School news (b) href (c) maths.html (d) Take the quiz
17. 17.📋 What number does the browser show next to “Litchi”?
    <ol>
      <li>Mango</li>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Guava</li>
      <li>Litchi</li>
      <li>Grapes</li>
    </ol>
18. 18.✍️ Which sign ends each CSS declaration? (a) ; (b) . (c) , (d) :
19. 19.⚖️ Which selector is the weakest? (a) a class selector (b) an id selector (c) an element selector
20. 20.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Papaya</td><td>Grapes</td><td>Papaya</td><td>Mango</td></tr>
      <tr><td>Grapes</td><td>Orange</td><td>Jamun</td><td>Litchi</td></tr>
    </table>
21. 21.📝 How many <input> tags are in this form?
    <form>
      <input type="number">
      <input type="text">
      <input type="email">
      <input type="date">
      <input type="checkbox">
      <input type="submit" value="Send">
    </form>
22. 22.True or false: <li> is one item of a list. (a) False (b) True
23. 23.🔁 What does this code print?
    let age = 36;
    if (age >= 8) {
      console.log("teen");
    } else {
      console.log("child");
    } (a) child (b) teen
24. 24.🌈 In #390000 the red part is the hex number 39. What is it as a normal number?
25. 25.🔗 Which code links to about.html? (a) <a alt="about.html"> (b) <link about.html> (c) <a src="about.html"> (d) <a href="about.html">
26. 26.📝 On how many lines does the browser show this paragraph?
    <p>Roses are red<br>Sky is blue<br>Birds sing<br>Stars shine</p>
27. 27.🔢 To build and share your first web page, which comes LAST? (a) plan what to show (b) publish it online (c) add CSS styles (d) write the HTML
28. 28.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <hr> (c) <br> (d) <ol>
29. 29.📊 How many cells does this table have in all?
    <table>
      <tr><th>Name</th><th>Fruit</th></tr>
      <tr><td>Papaya</td><td>Papaya</td></tr>
    </table>
30. 30.True or false: “skipping heading levels” makes the page harder to use. (a) True (b) False
31. 31.🔁 How many times does this code print “Welcome”?
    for (let i = 3; i < 11; i++) {
      console.log("Welcome");
    }
32. 32.📄 Where does <style> go: in the head or in the body? (a) in the head (b) in the body
33. 33.🎨 What does CSS stand for? (a) Creative Sheet System (b) Cascading Style Sheets (c) Colourful Site Styles (d) Computer Style Sheets
34. 34.🔢 In a basic web page file, which comes first: “<!DOCTYPE html>” or “<head>”? (a) <head> (b) <!DOCTYPE html>
35. 35.🌍 What finds the server for a domain name like example.com? (a) HTML (b) DNS (c) alt (d) CSS
36. 36.🔠 How many headings are in this code?
    <h1>Rain today</h1>
    <p>Hello, world!</p>
    <p>Hello, world!</p>
    <h2>Good morning!</h2>
    <p>The red kite</p>
37. 37.📝 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"> Red
      <input type="radio" name="colour"> Pink
      <input type="radio" name="colour"> Blue
    </form>
38. 38.🔗 Which address opens when you click this link?
    <a href="https://example.com">Art corner</a> (a) art.html (b) Art corner (c) maths.html (d) https://example.com
39. 39.📝 Which tag gives a form box a name you can click? (a) <h1> (b) <title> (c) <hr> (d) <label>
40. 40.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 160px;
      justify-content: center;
    }
    Inside are 2 boxes, each 60px wide (no margins).

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