Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 281 · 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.✍️ How many declarations (property: value pairs) are in this rule?
   .box {
     text-align: center;
     font-weight: bold;
   }
2. 2.🔢 When you open a web page, which comes first: “DNS finds the server” or “the browser asks it”? (a) DNS finds the server (b) the browser asks it
3. 3.⚡ Which JavaScript word makes a new variable? (a) if (b) console.log() (c) let (d) alert()
4. 4.True or false: “link text “click here”” helps everyone use the page. (a) True (b) False
5. 5.🔠 Which tag is the least important heading? (a) <h3> (b) <h1> (c) <h6> (d) <p>
6. 6.🖼️ Which picture file does the browser load?
   <img src="kite.png" alt="A red kite" width="50"> (a) A red kite (b) cake.jpg (c) map.png (d) kite.png
7. 7.True or false: <ul> goes in the head. (a) True (b) False
8. 8.Which of these is an opening tag? (a) </h1> (b) <li> (c) </title> (d) </b>
9. 9.True or false: a web server sends pages over the net. (a) False (b) True
10. 10.🔍 Which is the odd one out? (a) shows pages from the web (b) hosts websites online (c) has an address bar (d) turns HTML into a page
11. 11.📊 How many heading cells (<th>) does this table have?
    <table>
      <tr><th>Name</th><th>Fruit</th><th>Price</th><th>Day</th></tr>
      <tr><td>Jamun</td><td>Mango</td><td>Jamun</td><td>Orange</td></tr>
    </table>
12. 12.🌈 Which hex code is white? (a) #ffffff (b) #ffff00 (c) #ff0000 (d) #00ff00
13. 13.⚖️ What colour is the text of this element?
    <h2 class="note" id="intro">Hi</h2>
    CSS:
    .note { color: white; }
    h2 { color: black; }
    #intro { color: red; } (a) black (b) white (c) red (d) orange
14. 14.🔐 Is Kite_Fl1es@Dawn a strong or a weak password? (a) weak (b) strong
15. 15.⚡ Which tag holds JavaScript in a page? (a) <js> (b) <code> (c) <style> (d) <script>
16. 16.🔗 Which address opens when you click this link?
    <a href="maths.html">About us</a> (a) art.html (b) news.html (c) maths.html (d) About us
17. 17.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Hobbies</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>I like to read.</p>
    </body>
    </html> (a) Welcome! (b) index.html (c) My Hobbies (d) I like to read.
18. 18.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>Here is my best one.</p>
    </body>
    </html> (a) Match report (b) Here is my best one. (c) Class 7 Blog (d) body
19. 19.📊 How many cells does this table have in all?
    <table>
      <tr><td>Jamun</td><td>Banana</td></tr>
      <tr><td>Banana</td><td>Banana</td></tr>
      <tr><td>Litchi</td><td>Jamun</td></tr>
    </table>
20. 20.True or false: a code editor is where we type code. (a) False (b) True
21. 21.Which of these is true of a web browser? (a) hosts websites online (b) is where we type code (c) shows line numbers (d) shows pages from the web
22. 22.📋 What number does the browser show next to “Papaya”?
    <ol>
      <li>Grapes</li>
      <li>Papaya</li>
      <li>Orange</li>
    </ol>
23. 23.What is <input type="radio"> for? (a) lets you pick only one (b) is for one line of words (c) hides what you type (d) is for an email address
24. 24.🌍 What finds the server for a domain name like example.com? (a) HTML (b) DNS (c) CSS (d) alt
25. 25.True or false: <li> shows 1, 2, 3 numbers. (a) False (b) True
26. 26.✍️ How many declarations (property: value pairs) are in this rule?
    p {
      margin: 10px;
      font-weight: bold;
      width: 300px;
      font-size: 20px;
    }
27. 27.True or false: <li> is one item of a list. (a) False (b) True
28. 28.🌐 Which one opens web pages for us? (a) a web server (b) a code editor (c) a web browser
29. 29.True or false: in <img>, src names the picture file. (a) True (b) False
30. 30.🖌️ Where does the text sit on its line?
    h1 {
      background-color: black;
      font-size: 12px;
      color: red;
      text-align: center;
    } (a) on the right (b) on the left (c) in the middle
31. 31.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="colour"> Orange
      <input type="checkbox" name="colour"> Blue
      <input type="checkbox" name="colour"> Red
      <input type="checkbox" name="colour"> Green
      <input type="checkbox" name="colour"> Pink
    </form>
32. 32.🚀 Which file should this code go in: <h1>My Site</h1> (a) script.js (b) style.css (c) index.html
33. 33.⚡ What does this code print? (Look at the quotes!)
    let x = "7";
    let y = 9;
    console.log(x + y); (a) Error (b) 16 (c) 79
34. 34.True or false: <main> sits at the very top. (a) True (b) False
35. 35.True or false: “use headings in order” makes the page harder to use. (a) False (b) True
36. 36.True or false: the content is the gap to other boxes. (a) False (b) True
37. 37.🛡️ Is it safe to use the same password on every site? (a) No (b) Yes
38. 38.📋 Which list shows the steps of a recipe best? (a) <br> (b) <ol> (c) <hr> (d) <ul>
39. 39.True or false: to download from pop-ups is safe. (a) True (b) False
40. 40.✍️ How many declarations (property: value pairs) are in this rule?
    li {
      color: red;
      text-align: center;
      font-size: 20px;
    }

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