Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 595 · 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.What does text-align do? (a) sets the letter colour (b) makes letters bigger (c) picks the font style (d) centres a heading
2. 2.♿ Does this help everyone, or make the page harder to use: write clear link text? (a) helps everyone (b) makes it harder
3. 3.🔠 Which heading shows the SMALLEST text: <h4>, <h1>, <h5> or <h6>? (a) <h1> (b) <h4> (c) <h5> (d) <h6>
4. 4.📋 Which list tag is an unordered list? (a) <li> (b) <ul> (c) <ol>
5. 5.What does justify-content: space-between do? (a) packs boxes at the start (b) puts boxes in the middle (c) equal gaps, none at ends (d) packs boxes at the end
6. 6.Which of these is not safe to do online? (a) share your password (b) use a strong password (c) think before you post (d) tell a trusted adult
7. 7.📝 How many paragraphs does this code make?
   <p>Our school trip</p>
   <h2>I love mangoes.</h2>
   <h2>My pets</h2>
8. 8.🔍 Which line is missing its closing tag?
   line 1: <p>Hello, world!</p>
   line 2: <h2>Good morning!</h2>
   line 3: <u>My best friend (a) line 3 (b) line 2 (c) line 1
9. 9.📝 How many paragraphs does this code make?
   <p>My pets</p>
   <h2>Cricket is fun.</h2>
   <p>The red kite</p>
   <p>Hello, world!</p>
   <h2>Rain today</h2>
   <p>My pets</p>
10. 10.📄 Can HTML on its own make tables? (a) No (b) Yes
11. 11.⚖️ 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
12. 12.🧩 An opening tag + content + a closing tag together make an ___. (a) attribute (b) address (c) editor (d) element
13. 13.🌍 What is the domain name in this URL?
    http://www.example.com/art/gallery.html (a) kids.example.org (b) http (c) /art/gallery.html (d) www.example.com
14. 14.🔗 Which words do you click on?
    <a href="art.html">Maths fun</a> (a) art.html (b) Art corner (c) href (d) Maths fun
15. 15.📝 How many paragraphs does this code make?
    <p>Hello, world!</p>
    <p>Good morning!</p>
    <h2>I love mangoes.</h2>
    <p>My best friend</p>
16. 16.🌈 In #00005f the blue part is the hex number 5f. What is it as a normal number?
17. 17.Which of these is an opening tag? (a) </b> (b) </body> (c) <b> (d) </li>
18. 18.🏷️ Is </title> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
19. 19.📱 The screen is 540px wide. Does the rule inside @media apply?
    p {
      font-size: 12px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 10px;
      }
    } (a) No (b) Yes
20. 20.🛡️ Should you share your password with your best friend? (a) Yes (b) No
21. 21.📝 How many paragraphs does this code make?
    <p>Good morning!</p>
    <p>Hello, world!</p>
    <p>Rain today</p>
    <p>Good morning!</p>
22. 22.True or false: the browser shows the page to you. (a) False (b) True
23. 23.True or false: img is a class selector. (a) True (b) False
24. 24.📱 The screen is 414px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 14px;
      }
    } (a) No (b) Yes
25. 25.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 1 (c) 3 (d) 10
26. 26.🔢 When you open a web page, what comes right after “the browser asks it”? (a) you type the URL (b) DNS finds the server (c) the server sends files (d) the browser shows it
27. 27.🔠 Which heading shows the SMALLEST text: <h6>, <h5>, <h4> or <h1>? (a) <h1> (b) <h4> (c) <h5> (d) <h6>
28. 28.🌍 What does a web address (URL) tell the browser? (a) the page colour (b) how old you are (c) where the page is (d) your password
29. 29.💬 Which text will NOT show on the page?
    <p>Hello, world!</p>
    <p>Rain today</p>
    <!-- <p>Fun facts</p> --> (a) Hello, world! (b) Rain today (c) Fun facts
30. 30.🖼️ Which picture file does the browser load?
    <img src="cake.jpg" alt="Birthday cake" width="250"> (a) moon.png (b) cake.jpg (c) dog.jpg (d) Birthday cake
31. 31.🚀 Which file should this code go in: <p>Hello!</p> (a) index.html (b) style.css (c) script.js
32. 32.True or false: the server asks for a web page. (a) False (b) True
33. 33.💬 How many paragraphs show on the page?
    <!-- <p>My pets</p> -->
    <p>I love mangoes.</p>
    <p>Hello, world!</p>
34. 34.🔒 Is the connection to this address scrambled (encrypted)?
    http://www.example.com/about.html (a) No (b) Yes
35. 35.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 190px;
      padding: 5px;
      border: 1px solid black;
      margin: 20px;
    }
36. 36.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <tr> (c) inside the <head> (d) inside a <p>
37. 37.True or false: padding is the gap round content. (a) True (b) False
38. 38.🔁 What is the LAST number this code prints?
    for (let i = 0; i < 10; i = i + 3) {
      console.log(i);
    }
39. 39.♿ What does good colour contrast mean? (a) text stands out clearly (b) no colours at all (c) many bright colours (d) only red text
40. 40.🌈 Which colour is rgb(255, 0, 0)? (a) black (b) white (c) red (d) blue

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