Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 754 · 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 colour of light is strongest in rgb(60, 36, 186)? (a) red (b) blue (c) green
2. 2.🌍 What finds the server for a domain name like example.com? (a) CSS (b) DNS (c) alt (d) HTML
3. 3.📝 What does <br> do? (a) makes text bold (b) makes a list (c) adds a picture (d) starts a new line
4. 4.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
5. 5.🧭 Which semantic tag helps you move around? (a) <main> (b) <article> (c) <footer> (d) <nav>
6. 6.🔠 Which heading shows the BIGGEST text: <h6>, <h5>, <h3> or <h1>? (a) <h1> (b) <h3> (c) <h6> (d) <h5>
7. 7.True or false: <table> makes one data cell. (a) False (b) True
8. 8.Which of these is true of a web server? (a) sends pages over the net (b) is where we type code (c) turns HTML into a page (d) opens web pages for us
9. 9.🔗 Which code links to about.html? (a) <a alt="about.html"> (b) <link about.html> (c) <a href="about.html"> (d) <a src="about.html">
10. 10.🔍 Which line is missing its closing tag?
    line 1: <i>Good morning!</i>
    line 2: <b>I love mangoes.</b>
    line 3: <h2>My pets (a) line 3 (b) line 2 (c) line 1
11. 11.📝 How many <input> tags are in this form?
    <form>
      <input type="email">
      <input type="date">
      <input type="text">
      <input type="password">
      <input type="submit" value="Send">
    </form>
12. 12.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="tiger.jpg" alt="A tiger asleep" width="50"> (a) A red kite (b) A tiger asleep (c) tiger.jpg (d) width
13. 13.🔗 Which address opens when you click this link?
    <a href="news.html">Visit the site</a> (a) quiz.html (b) games.html (c) news.html (d) Visit the site
14. 14.True or false: “write clear link text” makes the page harder to use. (a) True (b) False
15. 15.🖌️ Where does the text sit on its line?
    h1 {
      font-size: 36px;
      color: black;
      text-align: right;
      background-color: red;
    } (a) on the left (b) in the middle (c) on the right
16. 16.Which of these is the border? (a) the line round the box (b) space outside the border (c) space inside the border (d) the text or picture
17. 17.🔗 Where does this link open?
    <a href="art.html">Art corner</a> (a) in the same tab (b) in a new tab
18. 18.📊 How many cells does this table have in all?
    <table>
      <tr><td>Mango</td><td>Jamun</td><td>Grapes</td><td>Papaya</td></tr>
      <tr><td>Litchi</td><td>Mango</td><td>Mango</td><td>Guava</td></tr>
    </table>
19. 19.Which of these is true of a code editor? (a) stores a website’s files (b) has an address bar (c) is where we type code (d) turns HTML into a page
20. 20.🔢 In a basic web page file, which comes FIRST? (a) <body> (b) </html> (c) <!DOCTYPE html> (d) </head>
21. 21.🛡️ Online: is it safe to use a strong password? (a) not safe (b) safe
22. 22.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <p>Hello, world!</p>
    <h2>My pets</h2>
    <p>The red kite</p>
23. 23.📊 Which tag makes one data cell? (a) <th> (b) <table> (c) <tr> (d) <td>
24. 24.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Orange</td><td>Litchi</td><td>Jamun</td></tr>
      <tr><td>Papaya</td><td>Mango</td><td>Orange</td></tr>
      <tr><td>Jamun</td><td>Orange</td><td>Papaya</td></tr>
    </table>
25. 25.📄 Can HTML on its own make links to pages? (a) Yes (b) No
26. 26.🌈 Which colour is rgb(0, 255, 0)? (a) black (b) blue (c) magenta (d) bright green
27. 27.🔍 Which is the odd one out? (a) gives the page structure (b) makes headings and lists (c) makes a form box (d) lays out the page
28. 28.🚀 You change your code. What should you do to see the change? (a) delete the file (b) rename the folder (c) save and refresh (d) switch off the PC
29. 29.🛡️ Online: is it safe to post your home address? (a) not safe (b) safe
30. 30.🛡️ Should you share your password with your best friend? (a) No (b) Yes
31. 31.True or false: <li> is an ordered list. (a) False (b) True
32. 32.📊 Which tag gives the table a title? (a) <table> (b) <caption> (c) <tr> (d) <td>
33. 33.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 16px;
    }
    @media (max-width: 480px) {
      p {
        font-size: 10px;
      }
    }
34. 34.🧭 Who is helped most by semantic tags? (a) only the printer (b) screen-reader users (c) nobody (d) only the server
35. 35.🔍 One closing tag is missing. Which one?
    <p>Fun facts</p>
    <b>Good morning!
    <h3>Rain today</h3> (a) </b> (b) </h2> (c) </p> (d) </h3>
36. 36.🖌️ What colour are the letters?
    p {
      text-align: left;
      font-size: 24px;
      background-color: orange;
      color: red;
    } (a) red (b) blue (c) orange
37. 37.🔗 Which words do you click on?
    <a href="news.html">Art corner</a> (a) href (b) School news (c) Art corner (d) news.html
38. 38.🔗 What does HyperText mean? (a) text in colour (b) text with links (c) very big text (d) secret text
39. 39.Which of these has a closing tag? (a) <br> (b) <img> (c) <li> (d) <input>
40. 40.🏷️ Is <b> an opening tag or a closing tag? (a) an opening tag (b) a closing tag

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