Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 77 · 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.True or false: a web browser opens web pages for us. (a) False (b) True
2. 2.📊 How many rows does this table have?
   <table>
     <tr><td>Jamun</td><td>Grapes</td></tr>
     <tr><td>Litchi</td><td>Mango</td></tr>
     <tr><td>Papaya</td><td>Guava</td></tr>
   </table>
3. 3.True or false: <h1> is an empty tag. (a) True (b) False
4. 4.🔁 What number does this code print?
   let total = 0;
   for (let i = 1; i <= 4; i++) {
     total = total + i;
   }
   console.log(total);
5. 5.♿ Does this help everyone, or make the page harder to use: skipping heading levels? (a) makes it harder (b) helps everyone
6. 6.🔗 Which address opens when you click this link?
   <a href="news.html">Take the quiz</a> (a) news.html (b) games.html (c) Take the quiz (d) quiz.html
7. 7.True or false: to share your password is safe. (a) True (b) False
8. 8.📄 Can HTML on its own count button clicks? (a) No (b) Yes
9. 9.📄 What is the big heading shown on this page?
   <!DOCTYPE html>
   <html>
   <head>
     <title>My Hobbies</title>
   </head>
   <body>
     <h1>All about me</h1>
     <p>Mars is red.</p>
   </body>
   </html> (a) Mars is red. (b) My Hobbies (c) All about me (d) body
10. 10.🌈 Which colour is rgb(0, 0, 0)? (a) cyan (b) black (c) blue (d) yellow
11. 11.📋 What number does the browser show next to “Papaya”?
    <ol>
      <li>Grapes</li>
      <li>Guava</li>
      <li>Mango</li>
      <li>Banana</li>
      <li>Papaya</li>
    </ol>
12. 12.⚡ A JavaScript file usually ends with which extension? (a) .css (b) .js (c) .html (d) .jpg
13. 13.Which of these is true of <header>? (a) holds the main content (b) holds the logo and title (c) holds copyright notes (d) is the page’s key part
14. 14.🌗 Is red on green easy or hard to read? (a) hard to read (b) easy to read
15. 15.⚡ Which JavaScript word makes a new variable? (a) let (b) if (c) alert() (d) for
16. 16.📦 How wide (px) is this box from the outer edge of its left border to the outer edge of its right border?
    .box {
      width: 210px;
      padding: 25px;
      border: 1px solid black;
      margin: 0px;
    }
17. 17.What is <input type="password"> for? (a) sends the form (b) takes only numbers (c) hides what you type (d) is for an email address
18. 18.🔗 What does target="_blank" do to a link? (a) makes it bold (b) hides the link (c) opens it in a new tab (d) makes it blank
19. 19.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 4; i++) {
      total = total + 3;
    }
    console.log(total);
20. 20.Which of these is an empty tag? (a) <b> (b) <input> (c) <title> (d) <li>
21. 21.🌐 Which one shows pages from the web? (a) a web server (b) a web browser (c) a code editor
22. 22.🎯 Which CSS selector matches this element?
    <li class="star" id="main">Hello</li> (a) #main (b) .menu (c) #logo (d) .main
23. 23.📄 What is the first line of an HTML5 page? (a) <body> (b) <head> (c) <!DOCTYPE html> (d) <html>
24. 24.Which colour pair is easy to read? (a) yellow on black (b) pink on red (c) yellow on white (d) red on green
25. 25.📝 How many paragraphs does this code make?
    <p>The red kite</p>
    <h2>I love mangoes.</h2>
    <h2>Our school trip</h2>
    <p>My pets</p>
    <p>Our school trip</p>
26. 26.📋 How many items does this list show?
    <ul>
      <li>Papaya</li>
      <li>Jamun</li>
    </ul>
27. 27.📝 What does <br> do? (a) adds a picture (b) makes a list (c) makes text bold (d) starts a new line
28. 28.🔠 Which heading shows the BIGGEST text: <h3>, <h6>, <h2> or <h1>? (a) <h3> (b) <h2> (c) <h1> (d) <h6>
29. 29.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h2> or <h4>? (a) <h4> (b) <h2> (c) <h1> (d) <h6>
30. 30.🌍 What is the protocol in this URL?
    https://school.example.in/index.html (a) /index.html (b) school.example.in (c) https (d) http
31. 31.📝 What does <p> make? (a) a picture (b) a link (c) a table (d) a paragraph
32. 32.✍️ CSS declarations go inside which brackets? (a) < > (b) [ ] (c) ( ) (d) { }
33. 33.📝 How many paragraphs does this code make?
    <p>I love mangoes.</p>
    <p>My best friend</p>
    <p>My best friend</p>
    <p>Hello, world!</p>
    <h2>My best friend</h2>
    <p>I love mangoes.</p>
34. 34.⚡ Where does console.log() show its output? (a) in the address bar (b) on the title bar (c) in the console (d) on the printer
35. 35.🔗 Which code links to about.html? (a) <a src="about.html"> (b) <link about.html> (c) <a href="about.html"> (d) <a alt="about.html">
36. 36.📱 The screen is 1366px wide. Does the rule inside @media apply?
    p {
      font-size: 20px;
    }
    @media (min-width: 768px) {
      p {
        font-size: 22px;
      }
    } (a) No (b) Yes
37. 37.Which of these is the border? (a) space outside the border (b) the line round the box (c) the text or picture (d) space inside the border
38. 38.📝 Which input type lets you pick only one? (a) password (b) number (c) radio (d) date
39. 39.⚡ Which tag holds JavaScript in a page? (a) <code> (b) <style> (c) <script> (d) <js>
40. 40.🌈 In #00009a the blue part is the hex number 9a. What is it as a normal number?

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