Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 145 · 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) makes the text bold (b) makes letters bigger (c) centres a heading (d) colours behind the text
2. 2.🔠 How many headings are in this code?
   <h1>Cricket is fun.</h1>
   <p>Rain today</p>
   <p>Good morning!</p>
3. 3.🔁 How many numbers does this code print?
   for (let i = 0; i < 10; i = i + 4) {
     console.log(i);
   }
4. 4.True or false: the server shows the page to you. (a) False (b) True
5. 5.Which of these has a closing tag? (a) <input> (b) <meta> (c) <h1> (d) <br>
6. 6.Which of these is true of <nav>? (a) holds one blog post (b) sits at the bottom (c) holds the menu of links (d) holds extra side notes
7. 7.📱 The screen is 820px wide. What font-size (px) does the paragraph get?
   p {
     font-size: 12px;
   }
   @media (min-width: 768px) {
     p {
       font-size: 16px;
     }
   }
8. 8.🔍 Which line is missing its closing tag?
   line 1: <em>I love mangoes.
   line 2: <h2>Good morning!</h2>
   line 3: <b>The red kite</b> (a) line 2 (b) line 3 (c) line 1
9. 9.🌈 Which colour is #ff0000? (a) blue (b) white (c) red (d) yellow
10. 10.🔗 Which attribute holds the address of a link? (a) id (b) href (c) alt (d) src
11. 11.🌈 Which colour is rgb(255, 0, 0)? (a) cyan (b) yellow (c) bright green (d) red
12. 12.♿ Which link text is clearest? (a) Read the fruit facts (b) here (c) click here (d) link
13. 13.📝 On how many lines does the browser show this paragraph?
    <p>Kites fly high<br>Birds sing<br>Stars shine<br>Sky is blue<br>Rivers flow</p>
14. 14.⚖️ What colour is the text of this element?
    <p class="red" id="intro">Hi</p>
    CSS:
    p { color: yellow; }
    p { color: purple; } (a) blue (b) yellow (c) purple (d) orange
15. 15.📝 Which tag makes a drop-down list? (a) <li> (b) <ul> (c) <ol> (d) <select>
16. 16.⚖️ What colour is the text of this element?
    <p class="red" id="intro">Hi</p>
    CSS:
    p { color: purple; }
    p { color: red; } (a) blue (b) red (c) white (d) purple
17. 17.Which of these is a strong password? (a) Rain#Drop_42! (b) qwerty (c) 123456 (d) abcd1234
18. 18.📊 How many cells are in each row?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Jamun</td><td>Guava</td><td>Grapes</td><td>Mango</td></tr>
      <tr><td>Litchi</td><td>Jamun</td><td>Jamun</td><td>Banana</td></tr>
    </table>
19. 19.True or false: in <img>, alt shows if the image fails. (a) True (b) False
20. 20.What is <input type="password"> for? (a) lets you pick only one (b) lets you tick many (c) hides what you type (d) is for an email address
21. 21.True or false: score = score + 1; goes in style.css. (a) False (b) True
22. 22.🖌️ Which CSS property colours behind the text? (a) font-weight (b) background-color (c) font-size (d) font-family
23. 23.📋 Which tag goes around each item of a list? (a) <p> (b) <ul> (c) <li> (d) <ol>
24. 24.📱 The screen is 375px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (min-width: 1024px) {
      p {
        font-size: 24px;
      }
    } (a) Yes (b) No
25. 25.📋 How many items does this list show?
    <ul>
      <li>Mango</li>
      <li>Litchi</li>
      <li>Jamun</li>
      <li>Orange</li>
      <li>Grapes</li>
    </ul>
26. 26.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="fort.jpg" alt="An old fort" width="300"> (a) width (b) A tiger asleep (c) An old fort (d) fort.jpg
27. 27.⚡ What does JavaScript add to a web page? (a) the page title (b) actions and changes (c) the domain name (d) only colours
28. 28.📝 On how many lines does the browser show this paragraph?
    <p>Rivers flow<br>Roses are red<br>Stars shine</p>
29. 29.🔍 Which is the odd one out? (a) lays out the page (b) makes a form box (c) rounds box corners (d) changes the text size
30. 30.📦 In the box model, which part is the line round the box? (a) padding (b) margin (c) content (d) border
31. 31.📝 Does <img> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
32. 32.True or false: <li> is an empty tag. (a) False (b) True
33. 33.🌈 Which colour of light is strongest in rgb(55, 160, 50)? (a) blue (b) green (c) red
34. 34.🌗 Is white on dark blue easy or hard to read? (a) hard to read (b) easy to read
35. 35.🔢 When you open a web page, which comes LAST? (a) the server sends files (b) the browser shows it (c) DNS finds the server (d) the browser asks it
36. 36.What is <input type="number"> for? (a) takes only numbers (b) hides what you type (c) picks a day (d) lets you tick many
37. 37.✍️ In color: blue; which part is the value? (a) : (b) color (c) ; (d) blue
38. 38.Which of these is an empty tag? (a) <li> (b) <meta> (c) <p> (d) <ul>
39. 39.True or false: in <img>, src names the picture file. (a) False (b) True
40. 40.🔍 Which is the odd one out? (a) shows pages from the web (b) has an address bar (c) shows line numbers (d) opens web pages for us

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