Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 768 · 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.💬 How many paragraphs show on the page?
   <!-- <p>Our school trip</p> -->
   <!-- <p>Hello, world!</p> -->
   <p>Rain today</p>
   <!-- <p>I love mangoes.</p> -->
   <!-- <p>My pets</p> -->
2. 2.🔒 Is the connection to this address scrambled (encrypted)?
   https://www.example.com/news/today.html (a) Yes (b) No
3. 3.🌈 Which colour is rgb(255, 255, 255)? (a) bright green (b) yellow (c) white (d) blue
4. 4.🌈 In #rrggbb, which colour do the first two digits give? (a) black (b) blue (c) red (d) green
5. 5.🔗 Which address opens when you click this link?
   <a href="contact.html">School news</a> (a) maths.html (b) School news (c) contact.html (d) https://example.com
6. 6.🔍 Which is the odd one out? (a) counts down a timer (b) adds space around boxes (c) sets colours and fonts (d) changes the text size
7. 7.✍️ What value is given to border in this rule?
   li {
     font-style: italic;
     border: 2px solid;
     margin: 10px;
     padding: 8px;
   } (a) 2px solid (b) italic (c) 300px (d) border
8. 8.What does font-family do? (a) makes letters bigger (b) picks the font style (c) makes the text bold (d) sets the letter colour
9. 9.🔢 To build and share your first web page, which comes first: “write the HTML” or “test in a browser”? (a) test in a browser (b) write the HTML
10. 10.📱 The screen is 375px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 24px;
      }
    }
11. 11.📋 How many items does this list show?
    <ol>
      <li>Orange</li>
      <li>Banana</li>
      <li>Litchi</li>
      <li>Grapes</li>
    </ol>
12. 12.🎨 Which tag connects an outside CSS file? (a) <css> (b) <img> (c) <link> (d) <a>
13. 13.🌈 Which colour is #000000? (a) black (b) blue (c) red (d) white
14. 14.True or false: <ol> shows 1, 2, 3 numbers. (a) False (b) True
15. 15.🔍 Which is the odd one out? (a) saves our .html files (b) opens web pages for us (c) shows pages from the web (d) turns HTML into a page
16. 16.🏷️ Which is the closing tag for <small>? (a) <\small> (b) <small/> (c) <small> (d) </small>
17. 17.📋 Which list tag lists things in any order? (a) <li> (b) <ol> (c) <ul>
18. 18.📦 In the box model, which part is space outside the border? (a) content (b) margin (c) border (d) padding
19. 19.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Space Facts</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) Here is my best one. (b) index.html (c) Match report (d) Space Facts
20. 20.📱 min-width: 800px applies when the screen is ___. (a) 800px or narrower (b) turned off (c) exactly 100px (d) 800px or wider
21. 21.✍️ How many declarations (property: value pairs) are in this rule?
    body {
      font-style: italic;
      width: 300px;
      border: 2px solid;
    }
22. 22.Which of these is margin? (a) space outside the border (b) the text or picture (c) space inside the border (d) the gap round content
23. 23.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h4> or <h6>? (a) <h1> (b) <h2> (c) <h6> (d) <h4>
24. 24.♿ Does this help everyone, or make the page harder to use: link text “click here”? (a) helps everyone (b) makes it harder
25. 25.🎯 Which CSS selector matches this element?
    <h1 class="big" id="main">Hello</h1> (a) h1 (b) #logo (c) h2 (d) .main
26. 26.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h6> (b) <h3> (c) <h5> (d) <h2>
27. 27.💬 How does an HTML comment start? (a) /* (b) # (c) <!-- (d) //
28. 28.🌈 Which hex code is bright green? (a) #00ff00 (b) #ff0000 (c) #ff00ff (d) #0000ff
29. 29.🔠 How many headings are in this code?
    <h1>Our school trip</h1>
    <p>I love mangoes.</p>
    <p>Hello, world!</p>
    <p>Good morning!</p>
30. 30.🧩 Which language lays out the page? (a) HTML (b) JavaScript (c) CSS
31. 31.📋 Which list tag shows 1, 2, 3 numbers? (a) <li> (b) <ul> (c) <ol>
32. 32.💬 Which text will NOT show on the page?
    <!-- <p>I love mangoes.</p> -->
    <p>My best friend</p>
    <p>Good morning!</p>
    <p>Cricket is fun.</p> (a) Good morning! (b) Cricket is fun. (c) I love mangoes. (d) My best friend
33. 33.🔢 To build and share your first web page, which comes FIRST? (a) write the HTML (b) test in a browser (c) publish it online (d) plan what to show
34. 34.What does font-weight do? (a) colours behind the text (b) centres a heading (c) sets the letter colour (d) makes the text bold
35. 35.🖌️ What colour is behind the letters?
    li {
      color: blue;
      text-align: right;
      font-size: 12px;
      background-color: red;
    } (a) purple (b) red (c) blue
36. 36.🚀 Which file is best for code that reacts to clicks? (a) style.css (b) notes.txt (c) script.js (d) index.html
37. 37.✍️ In color: blue; which part is the value? (a) : (b) blue (c) ; (d) color
38. 38.⚡ What number does this code print?
    let runs = 20;
    runs = runs + 7;
    runs = runs - 12;
    console.log(runs);
39. 39.💬 Which text will NOT show on the page?
    <p>My best friend</p>
    <p>My pets</p>
    <!-- <p>Fun facts</p> --> (a) Fun facts (b) My pets (c) My best friend
40. 40.⚡ What does this code show?
    let name = "Riya";
    alert("Hello, " + name + "!"); (a) Hello, name! (b) Hello, Riya! (c) Riya (d) name

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