Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 182 · 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 one is the page’s address? (a) the URL (b) HTTPS (c) the server (d) the browser
2. 2.🧭 Which semantic tag holds extra side notes? (a) <header> (b) <footer> (c) <aside> (d) <main>
3. 3.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
4. 4.True or false: “use big enough text” helps everyone use the page. (a) True (b) False
5. 5.📝 Which tag gives a form box a name you can click? (a) <h1> (b) <hr> (c) <title> (d) <label>
6. 6.📝 At most, how many of these can be chosen at the same time?
   <form>
     <input type="radio" name="sport"> Chess
     <input type="radio" name="sport"> Kabaddi
     <input type="radio" name="sport"> Hockey
   </form>
7. 7.🏷️ Which is the closing tag for <b>? (a) <b> (b) <b/> (c) </b> (d) <\b>
8. 8.⚖️ What colour is the text of this element?
   <p class="menu" id="hero">Hi</p>
   CSS:
   .menu { color: black; }
   .menu { color: orange; } (a) yellow (b) white (c) black (d) orange
9. 9.📊 Which tag gives the table a title? (a) <td> (b) <th> (c) <tr> (d) <caption>
10. 10.🖌️ Where does the text sit on its line?
    li {
      text-align: right;
      background-color: orange;
      font-size: 20px;
      color: red;
    } (a) on the left (b) in the middle (c) on the right
11. 11.🔁 What does i++ do? (a) adds 1 to i (b) takes 1 from i (c) doubles i (d) prints i
12. 12.🌐 Which one opens web pages for us? (a) a code editor (b) a web server (c) a web browser
13. 13.True or false: to use a nickname in games is safe. (a) False (b) True
14. 14.🌐 Which one stores a website’s files? (a) a code editor (b) a web browser (c) a web server
15. 15.💬 Which text will NOT show on the page?
    <!-- <p>The red kite</p> -->
    <p>Our school trip</p>
    <p>Fun facts</p> (a) Fun facts (b) Our school trip (c) The red kite
16. 16.🔠 How many headings are in this code?
    <h1>Fun facts</h1>
    <p>Hello, world!</p>
    <p>The red kite</p>
    <h2>My pets</h2>
    <h2>Rain today</h2>
17. 17.True or false: <tr> makes one table row. (a) False (b) True
18. 18.📊 Which tag makes one table row? (a) <table> (b) <th> (c) <caption> (d) <tr>
19. 19.📱 min-width: 800px applies when the screen is ___. (a) turned off (b) 800px or narrower (c) exactly 100px (d) 800px or wider
20. 20.📱 The screen is 540px wide. What font-size (px) does the paragraph get?
    p {
      font-size: 20px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 24px;
      }
    }
21. 21.📝 Does <b> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
22. 22.True or false: “colour as the only clue” helps everyone use the page. (a) True (b) False
23. 23.🛡️ Before typing a password on a site, check the address starts with ___. (a) https (b) http (c) ftp (d) www
24. 24.🔁 How many numbers does this code print?
    for (let i = 0; i < 8; i = i + 2) {
      console.log(i);
    }
25. 25.📱 The screen is 700px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 22px;
      }
    } (a) No (b) Yes
26. 26.📊 How many rows does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th></tr>
      <tr><td>Orange</td><td>Litchi</td><td>Guava</td></tr>
      <tr><td>Guava</td><td>Papaya</td><td>Jamun</td></tr>
    </table>
27. 27.📝 What does <p> make? (a) a paragraph (b) a table (c) a link (d) a picture
28. 28.What is <input type="date"> for? (a) is for one line of words (b) hides what you type (c) picks a day (d) is for an email address
29. 29.True or false: to meet an online stranger is safe. (a) True (b) False
30. 30.⚖️ What colour is the text of this element?
    <p class="note" id="top">Hi</p>
    CSS:
    .note { color: blue; }
    .note { color: green; } (a) white (b) blue (c) green (d) purple
31. 31.True or false: in <img>, src sets how wide it is. (a) False (b) True
32. 32.📄 Where does <meta charset="utf-8"> go: in the head or in the body? (a) in the body (b) in the head
33. 33.🎯 Which CSS selector matches this element?
    <p class="note" id="intro">Hello</p> (a) .intro (b) h1 (c) #intro (d) #note
34. 34.🔗 Which address opens when you click this link?
    <a href="maths.html">Visit the site</a> (a) Visit the site (b) news.html (c) maths.html (d) art.html
35. 35.🔒 Is the connection to this address scrambled (encrypted)?
    https://www.example.com/maths/tables.html (a) Yes (b) No
36. 36.True or false: a code editor saves our .html files. (a) True (b) False
37. 37.True or false: a code editor colours code to help us. (a) True (b) False
38. 38.🔤 In “HTML”, what does the M stand for? (a) Machine (b) Mouse (c) Modern (d) Markup
39. 39.🔢 In a basic web page file, which comes first: “<html>” or “<!DOCTYPE html>”? (a) <html> (b) <!DOCTYPE html>
40. 40.⚡ What does this code show?
    let name = "Riya";
    console.log("Hi, " + name + "!"); (a) Hi, Riya! (b) Riya (c) Hi, name! (d) name

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