Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 376 · 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 tag is the least important heading? (a) <p> (b) <h1> (c) <h6> (d) <h3>
2. 2.🔠 Which heading shows the BIGGEST text: <h6>, <h3>, <h2> or <h5>? (a) <h5> (b) <h2> (c) <h3> (d) <h6>
3. 3.🚀 Which file should this code go in: <h1>My Site</h1> (a) style.css (b) script.js (c) index.html
4. 4.📋 Which list tag is an ordered list? (a) <ul> (b) <ol> (c) <li>
5. 5.📋 Which tag goes around each item of a list? (a) <ol> (b) <ul> (c) <li> (d) <p>
6. 6.🌈 Which hex code is cyan? (a) #00ffff (b) #ffffff (c) #ffff00 (d) #0000ff
7. 7.Which of these is not safe to do online? (a) use a strong password (b) log out on shared PCs (c) keep passwords secret (d) put secrets in comments
8. 8.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="checkbox" name="colour"> Red
     <input type="checkbox" name="colour"> Pink
     <input type="checkbox" name="colour"> Green
     <input type="checkbox" name="colour"> Orange
   </form>
9. 9.📦 How much space top to bottom (px) does this box take in all, margin included?
   .box {
     height: 100px;
     padding: 30px;
     border: 4px solid black;
     margin: 10px;
   }
10. 10.🔗 Where does this link open?
    <a href="news.html">Maths fun</a> (a) in a new tab (b) in the same tab
11. 11.📄 Where does <title> go: in the head or in the body? (a) in the head (b) in the body
12. 12.🔠 Which heading shows the SMALLEST text: <h4>, <h6>, <h3> or <h1>? (a) <h6> (b) <h3> (c) <h1> (d) <h4>
13. 13.🖌️ Where does the text sit on its line?
    p {
      font-size: 28px;
      text-align: left;
      background-color: yellow;
      color: black;
    } (a) on the right (b) in the middle (c) on the left
14. 14.🔗 Which words do you click on?
    <a href="news.html">Play games</a> (a) About us (b) news.html (c) href (d) Play games
15. 15.🖼️ How many pixels wide is the picture drawn?
    <img src="tiger.jpg" alt="A tiger asleep" width="50">
16. 16.🖌️ Where does the text sit on its line?
    li {
      color: red;
      text-align: left;
      background-color: white;
      font-size: 32px;
    } (a) on the right (b) in the middle (c) on the left
17. 17.🌈 Which colour is #ff0000? (a) bright green (b) red (c) cyan (d) magenta
18. 18.⚡ What number does this code print?
    let books = 20;
    books = books + 7;
    books = books - 14;
    console.log(books);
19. 19.💬 Which text will NOT show on the page?
    <p>My best friend</p>
    <p>Hello, world!</p>
    <!-- <p>Good morning!</p> --> (a) My best friend (b) Hello, world! (c) Good morning!
20. 20.🔠 Are headings shown in bold by default? (a) Yes (b) No
21. 21.♿ Who uses a screen reader? (a) only robots (b) only coders (c) only teachers (d) people who are blind
22. 22.Which of these is a strong password? (a) abcd1234 (b) qwerty (c) Kite_Fl1es@Dawn (d) 123456
23. 23.True or false: score = score + 1; goes in script.js. (a) False (b) True
24. 24.🧭 How many <main> parts should a page have? (a) ten (b) none (c) three (d) one
25. 25.🌍 What is the domain name in this URL?
    https://kids.example.org/maths/tables.html (a) school.example.in (b) /maths/tables.html (c) kids.example.org (d) https
26. 26.✍️ Which property is set to red in this rule?
    li {
      color: red;
      font-size: 20px;
      text-align: center;
      font-weight: bold;
    } (a) text-align (b) font-size (c) color (d) red
27. 27.True or false: the server is the page’s address. (a) True (b) False
28. 28.📦 How much space across (px) does this box take in all, margin included?
    .box {
      width: 140px;
      padding: 25px;
      border: 4px solid black;
      margin: 20px;
    }
29. 29.📋 Which list tag lists things in any order? (a) <ol> (b) <ul> (c) <li>
30. 30.True or false: HTML sets colours and fonts. (a) False (b) True
31. 31.📱 The screen is 540px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 10px;
      }
    } (a) Yes (b) No
32. 32.🖌️ What colour is behind the letters?
    h1 {
      text-align: left;
      font-size: 20px;
      background-color: white;
      color: red;
    } (a) red (b) white (c) green
33. 33.Which of these is true of a web browser? (a) turns HTML into a page (b) stores a website’s files (c) is where we type code (d) answers page requests
34. 34.🔠 Which tag is used for the main title on a page? (a) <p> (b) <h6> (c) <h1> (d) <br>
35. 35.True or false: the browser stores the site’s files. (a) True (b) False
36. 36.True or false: CSS makes headings and lists. (a) False (b) True
37. 37.True or false: <ul> goes inside ul or ol. (a) True (b) False
38. 38.📝 What does <hr> draw? (a) a picture (b) a link (c) a table (d) a line across the page
39. 39.🏷️ Which is the closing tag for <p>? (a) </p> (b) <\p> (c) <p> (d) <p/>
40. 40.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <p>The red kite</p>
    <p>Our school trip</p>
    <p>My pets</p>
    <p>Rain today</p>

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