Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 469 · 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.🌈 In #00ed00 the green part is the hex number ed. What is it as a normal number?
2. 2.📝 Which input type hides what you type? (a) checkbox (b) submit (c) password (d) email
3. 3.🔒 What does the lock (HTTPS) in the address bar mean? (a) the data is scrambled (b) the site is free (c) the site is fast (d) the site is a game
4. 4.🖼️ Which attribute of <img> tells which image to load? (a) width (b) src (c) alt (d) height
5. 5.📄 Can HTML on its own run a game loop? (a) No (b) Yes
6. 6.🎯 Which sign starts a class selector? (a) # (b) & (c) @ (d) .
7. 7.🔗 Which words do you click on?
   <a href="https://example.com">Contact us</a> (a) https://example.com (b) href (c) Visit the site (d) Contact us
8. 8.💪 Which justify-content value equal gaps, none at ends? (a) space-between (b) center (c) flex-start (d) flex-end
9. 9.⚡ Where does console.log() show its output? (a) on the title bar (b) in the console (c) on the printer (d) in the address bar
10. 10.🎯 Which CSS selector matches this element?
    <span class="star" id="main">Hello</span> (a) #logo (b) span (c) .menu (d) p
11. 11.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <ol> (c) <ul> (d) <br>
12. 12.True or false: the server shows the page to you. (a) False (b) True
13. 13.🔗 Which attribute holds the address of a link? (a) src (b) alt (c) id (d) href
14. 14.🌍 What finds the server for a domain name like example.com? (a) DNS (b) alt (c) HTML (d) CSS
15. 15.📊 Are <th> cells shown bold and centred by default? (a) No (b) Yes
16. 16.💪 Which flexbox property turns on flexbox? (a) display: flex (b) align-items (c) flex-direction (d) justify-content
17. 17.📋 Which list tag goes inside ul or ol? (a) <ol> (b) <li> (c) <ul>
18. 18.🌈 Which hex code is white? (a) #0000ff (b) #000000 (c) #ffffff (d) #ff00ff
19. 19.🔠 Which heading shows the SMALLEST text: <h5>, <h2>, <h1> or <h3>? (a) <h3> (b) <h1> (c) <h5> (d) <h2>
20. 20.📱 The screen is 1100px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 16px;
      }
    } (a) Yes (b) No
21. 21.📄 Where does the text of <title> appear? (a) nowhere (b) at the bottom (c) on the browser tab (d) in a big heading
22. 22.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the first one (b) the shorter one (c) neither (d) the later one
23. 23.True or false: padding is space inside the border. (a) False (b) True
24. 24.♿ Does this help everyone, or make the page harder to use: label every form box? (a) helps everyone (b) makes it harder
25. 25.What is <input type="submit"> for? (a) is for an email address (b) sends the form (c) takes only numbers (d) lets you pick only one
26. 26.🏷️ Is </b> an opening tag or a closing tag? (a) a closing tag (b) an opening tag
27. 27.🌈 In #c60000 the red part is the hex number c6. What is it as a normal number?
28. 28.♿ Does this help everyone, or make the page harder to use: add alt text to images? (a) helps everyone (b) makes it harder
29. 29.📝 Which tag gives a form box a name you can click? (a) <h1> (b) <label> (c) <title> (d) <hr>
30. 30.📝 What does a password box show instead of letters? (a) numbers (b) emojis (c) dots (d) capital letters
31. 31.📝 Does <hr> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
32. 32.True or false: <nav> holds the menu of links. (a) True (b) False
33. 33.🌍 Which one shows the page to you? (a) the browser (b) the URL (c) the server (d) HTTPS
34. 34.✍️ How does a CSS comment start? (a) # (b) <!-- (c) /* (d) //
35. 35.🔠 Which heading shows the BIGGEST text: <h5>, <h3>, <h1> or <h6>? (a) <h3> (b) <h1> (c) <h5> (d) <h6>
36. 36.📱 max-width: 600px applies when the screen is ___. (a) turned off (b) 600px or wider (c) exactly 1000px (d) 600px or narrower
37. 37.🔍 Which line is missing its closing tag?
    line 1: <u>My pets
    line 2: <h1>Our school trip</h1>
    line 3: <b>My best friend</b> (a) line 2 (b) line 1 (c) line 3
38. 38.Which of these is margin? (a) the gap to other boxes (b) space inside the border (c) the text or picture (d) the gap round content
39. 39.✍️ How many declarations (property: value pairs) are in this rule?
    body {
      color: red;
      background-color: yellow;
    }
40. 40.🔍 One closing tag is missing. Which one?
    <u>I love mangoes.
    <h3>Hello, world!</h3>
    <b>Fun facts</b> (a) </h2> (b) </h3> (c) </b> (d) </u>

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