Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 590 · 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.🔢 On a typical page, from top to bottom, which comes first: “<nav>” or “<header>”? (a) <nav> (b) <header>
2. 2.True or false: <caption> makes one table row. (a) True (b) False
3. 3.📋 Which list shows the steps of a recipe best? (a) <ul> (b) <hr> (c) <ol> (d) <br>
4. 4.🔠 How many headings are in this code?
   <h1>Fun facts</h1>
   <h3>Hello, world!</h3>
   <h2>Cricket is fun.</h2>
   <p>Fun facts</p>
5. 5.🔗 Which address opens when you click this link?
   <a href="games.html">About us</a> (a) about.html (b) contact.html (c) games.html (d) About us
6. 6.🖌️ What colour are the letters?
   h1 {
     background-color: green;
     font-size: 32px;
     text-align: left;
     color: blue;
   } (a) blue (b) red (c) green
7. 7.⚡ Which word makes a new variable? (a) put (b) let (c) make (d) give
8. 8.Which of these does CSS do? (a) changes the text size (b) checks a quiz answer (c) makes a form box (d) reacts to a button click
9. 9.🔗 Which attribute holds the address of a link? (a) src (b) alt (c) id (d) href
10. 10.🎯 Which element does the selector .box style? (a) <p class="menu"> (b) <span class="star"> (c) <span class="box"> (d) <span id="box">
11. 11.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="sport"> Cricket
      <input type="checkbox" name="sport"> Football
      <input type="checkbox" name="sport"> Kabaddi
    </form>
12. 12.True or false: HTML on its own cannot make headings. (a) False (b) True
13. 13.True or false: <ol> shows 1, 2, 3 numbers. (a) True (b) False
14. 14.🔢 In a basic web page file, which comes first: “</html>” or “<html>”? (a) <html> (b) </html>
15. 15.🔗 Which words do you click on?
    <a href="maths.html">Art corner</a> (a) maths.html (b) href (c) School news (d) Art corner
16. 16.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 255 (c) 99 (d) 1000
17. 17.📱 What does a media query check? (a) the time of day (b) the page title (c) the battery level (d) the screen width
18. 18.🔢 In a basic web page file, which comes first: “</head>” or “<html>”? (a) <html> (b) </head>
19. 19.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 70px;
      padding: 5px;
      border: 4px solid black;
      margin: 10px;
    }
20. 20.🔢 In a basic web page file, which comes first: “</html>” or “<body>”? (a) </html> (b) <body>
21. 21.✍️ In color: blue; which part is the value? (a) ; (b) color (c) : (d) blue
22. 22.⚖️ What colour is the text of this element?
    <h2 class="note" id="logo">Hi</h2>
    CSS:
    .note { color: green; }
    h2 { color: blue; } (a) purple (b) red (c) green (d) blue
23. 23.📝 Which input type is for an email address? (a) email (b) text (c) submit (d) date
24. 24.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <p> (c) inside the <head> (d) inside a <tr>
25. 25.True or false: <hr> has a closing tag. (a) False (b) True
26. 26.🌍 What is the domain name in this URL?
    https://school.example.in/about.html (a) www.example.net (b) school.example.in (c) /about.html (d) https
27. 27.🧭 Is <div> semantic or not semantic? (a) semantic (b) not semantic
28. 28.✍️ Which sign goes between a property and its value? (a) ; (b) - (c) = (d) :
29. 29.True or false: the content is the text or picture. (a) False (b) True
30. 30.⚡ Which JavaScript word makes a new variable? (a) if (b) console.log() (c) let (d) alert()
31. 31.Which of these is true of a web server? (a) has an address bar (b) shows pages from the web (c) sends pages over the net (d) colours code to help us
32. 32.True or false: <ul> goes in the body. (a) False (b) True
33. 33.🔡 Are HTML tag names usually written in small letters? (a) No (b) Yes
34. 34.⚖️ What colour is the text of this element?
    <h1 class="big" id="logo">Hi</h1>
    CSS:
    h1 { color: purple; }
    .big { color: yellow; } (a) purple (b) orange (c) yellow (d) blue
35. 35.💬 How many paragraphs show on the page?
    <p>Our school trip</p>
    <p>Hello, world!</p>
    <!-- <p>I love mangoes.</p> -->
36. 36.💪 Which justify-content value packs boxes at the start? (a) center (b) flex-end (c) space-between (d) flex-start
37. 37.🛡️ Online: is it safe to keep passwords secret? (a) safe (b) not safe
38. 38.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="kite.png" alt="A red kite" width="300"> (a) kite.png (b) Map of India (c) width (d) A red kite
39. 39.Which of these is true of a web server? (a) stores a website’s files (b) turns HTML into a page (c) colours code to help us (d) shows pages from the web
40. 40.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the first one (c) the later one (d) the shorter one

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