Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 186 · 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 text will NOT show on the page?
   <p>I love mangoes.</p>
   <p>Hello, world!</p>
   <!-- <p>Our school trip</p> --> (a) Hello, world! (b) I love mangoes. (c) Our school trip
2. 2.True or false: <main> sits at the bottom. (a) True (b) False
3. 3.Which of these is a strong password? (a) S0lar!Pen#8 (b) password (c) abcd1234 (d) qwerty
4. 4.⚖️ What colour is the text of this element?
   <p class="red" id="end">Hi</p>
   CSS:
   .red { color: purple; }
   #end { color: green; }
   p { color: black; } (a) purple (b) green (c) yellow (d) black
5. 5.📋 What number does the browser show next to “Orange”?
   <ol>
     <li>Papaya</li>
     <li>Jamun</li>
     <li>Orange</li>
     <li>Guava</li>
     <li>Grapes</li>
     <li>Mango</li>
   </ol>
6. 6.🔠 Which heading shows the BIGGEST text: <h4>, <h6>, <h1> or <h2>? (a) <h1> (b) <h6> (c) <h2> (d) <h4>
7. 7.♿ A part of the page is under a <h2> heading. Which tag should its sub-heading use? (a) <h4> (b) <h2> (c) <h3> (d) <h1>
8. 8.🌍 Which one is the page’s address? (a) the server (b) the URL (c) HTTPS (d) the browser
9. 9.🖌️ How big is the text, in px?
   h2 {
     color: black;
     font-size: 12px;
     background-color: white;
     text-align: center;
   }
10. 10.🖌️ What colour are the letters?
    h1 {
      text-align: center;
      font-size: 12px;
      color: orange;
      background-color: yellow;
    } (a) orange (b) blue (c) yellow
11. 11.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <h3>I love mangoes.</h3>
    <h3>The red kite</h3>
    <h4>I love mangoes.</h4>
    <p>Cricket is fun.</p>
12. 12.🖌️ Which CSS property picks the font style? (a) font-size (b) font-weight (c) color (d) font-family
13. 13.🚀 Which file should this code go in: console.log(5 + 2); (a) index.html (b) style.css (c) script.js
14. 14.📝 How many paragraphs does this code make?
    <p>Our school trip</p>
    <p>Fun facts</p>
    <h2>Cricket is fun.</h2>
15. 15.🛡️ Online: is it safe to tell a trusted adult? (a) not safe (b) safe
16. 16.📄 Where does the text of <title> appear? (a) nowhere (b) at the bottom (c) on the browser tab (d) in a big heading
17. 17.True or false: to ask before downloading is not safe. (a) True (b) False
18. 18.⚡ What number does this code print?
    let a = 36;
    let b = 34;
    console.log(a + b);
19. 19.📱 max-width: 600px applies when the screen is ___. (a) turned off (b) exactly 1000px (c) 600px or wider (d) 600px or narrower
20. 20.📝 What does <br> do? (a) makes a list (b) makes text bold (c) adds a picture (d) starts a new line
21. 21.True or false: <ul> is an ordered list. (a) True (b) False
22. 22.Which of these is true of a web browser? (a) saves our .html files (b) shows line numbers (c) answers page requests (d) shows pages from the web
23. 23.📄 Where does <h1> go: in the head or in the body? (a) in the body (b) in the head
24. 24.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
25. 25.True or false: in <img>, src names the picture file. (a) False (b) True
26. 26.True or false: HTML on its own cannot make a form. (a) True (b) False
27. 27.📋 Which tag goes around each item of a list? (a) <ol> (b) <ul> (c) <p> (d) <li>
28. 28.📄 Can HTML on its own make bullet lists? (a) No (b) Yes
29. 29.🖌️ Which CSS property centres a heading? (a) font-family (b) font-size (c) text-align (d) background-color
30. 30.🌈 Which colour is #ffff00? (a) bright green (b) blue (c) yellow (d) cyan
31. 31.🏷️ Every HTML tag starts with which sign? (a) ( (b) { (c) < (d) [
32. 32.True or false: HTTPS scrambles data on its way. (a) True (b) False
33. 33.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (min-width: 480px) {
      p {
        font-size: 28px;
      }
    } (a) Yes (b) No
34. 34.✍️ Which sign ends each CSS declaration? (a) . (b) : (c) ; (d) ,
35. 35.🎯 Which CSS selector matches this element?
    <li class="star" id="hero">Hello</li> (a) #top (b) #star (c) .hero (d) li
36. 36.Which of these is true of a web server? (a) is where we type code (b) saves our .html files (c) turns HTML into a page (d) stores a website’s files
37. 37.🔗 Which code links to about.html? (a) <a alt="about.html"> (b) <a src="about.html"> (c) <a href="about.html"> (d) <link about.html>
38. 38.True or false: margin is a solid or dotted edge. (a) True (b) False
39. 39.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 14px;
      }
    }
40. 40.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <hr> (c) <br> (d) <ol>

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