Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 402 · 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 pair is easy to read? (a) red on green (b) pink on red (c) light grey on white (d) white on black
2. 2.🔁 How many numbers does this code print?
   for (let i = 0; i < 7; i = i + 4) {
     console.log(i);
   }
3. 3.Which of these goes in the head? (a) <ul> (b) <link rel="stylesheet"> (c) <img> (d) <table>
4. 4.✍️ In color: blue; which part is the value? (a) : (b) ; (c) blue (d) color
5. 5.💪 How much empty space (px) is before the first box?
   .row {
     display: flex;
     width: 310px;
     justify-content: flex-end;
   }
   Inside are 3 boxes, each 80px wide (no margins).
6. 6.🖌️ Which CSS property picks the font style? (a) background-color (b) color (c) font-family (d) font-size
7. 7.True or false: let score = 0; goes in index.html. (a) True (b) False
8. 8.🔢 When you open a web page, which comes LAST? (a) the browser shows it (b) DNS finds the server (c) the server sends files (d) you type the URL
9. 9.💪 How much empty space (px) is before the first box?
   .row {
     display: flex;
     width: 420px;
     justify-content: center;
   }
   Inside are 4 boxes, each 80px wide (no margins).
10. 10.📝 Does <br> have a closing tag, or is it an empty tag? (a) an empty tag (b) has a closing tag
11. 11.📝 How many <input> tags are in this form?
    <form>
      <input type="text">
      <input type="email">
      <input type="password">
      <input type="checkbox">
      <input type="date">
      <input type="submit" value="Send">
    </form>
12. 12.🎨 What does CSS stand for? (a) Computer Style Sheets (b) Colourful Site Styles (c) Cascading Style Sheets (d) Creative Sheet System
13. 13.🌍 Which one asks for a web page? (a) the browser (b) the URL (c) the server (d) HTTPS
14. 14.📄 Where does <ul> go: in the head or in the body? (a) in the head (b) in the body
15. 15.Which of these is a strong password? (a) Kite_Fl1es@Dawn (b) qwerty (c) iloveyou (d) 123456
16. 16.What is <input type="text"> for? (a) takes only numbers (b) lets you pick only one (c) sends the form (d) is for one line of words
17. 17.💪 Which justify-content value equal gaps, none at ends? (a) flex-start (b) space-between (c) center (d) flex-end
18. 18.True or false: <input type="email"> is for an email address. (a) False (b) True
19. 19.🏷️ Which is the closing tag for <h1>? (a) <h1> (b) </h1> (c) <\h1> (d) <h1/>
20. 20.⚖️ What colour is the text of this element?
    <h1 class="note" id="intro">Hi</h1>
    CSS:
    .note { color: green; }
    #intro { color: white; } (a) purple (b) white (c) yellow (d) green
21. 21.True or false: <b> has a closing tag. (a) True (b) False
22. 22.What does font-weight do? (a) picks the font style (b) sets the letter colour (c) makes the text bold (d) makes letters bigger
23. 23.⚡ What does JavaScript add to a web page? (a) the domain name (b) the page title (c) only colours (d) actions and changes
24. 24.🔍 Which line is missing its closing tag?
    line 1: <p>My pets</p>
    line 2: <i>Cricket is fun.</i>
    line 3: <em>Good morning! (a) line 2 (b) line 1 (c) line 3
25. 25.True or false: the server is the page’s address. (a) True (b) False
26. 26.🔢 To build and share your first web page, which comes LAST? (a) test in a browser (b) write the HTML (c) add CSS styles (d) publish it online
27. 27.🔠 Which tag is used for the main title on a page? (a) <h6> (b) <p> (c) <br> (d) <h1>
28. 28.💬 How many paragraphs show on the page?
    <p>Good morning!</p>
    <!-- <p>Rain today</p> -->
    <!-- <p>My pets</p> -->
    <!-- <p>Hello, world!</p> -->
    <p>My best friend</p>
29. 29.📦 In the box model, which part is space inside the border? (a) border (b) margin (c) padding (d) content
30. 30.📝 Which input type lets you pick only one? (a) email (b) text (c) checkbox (d) radio
31. 31.🔗 What does target="_blank" do to a link? (a) makes it bold (b) opens it in a new tab (c) makes it blank (d) hides the link
32. 32.💬 How many paragraphs show on the page?
    <!-- <p>I love mangoes.</p> -->
    <!-- <p>Fun facts</p> -->
    <!-- <p>My pets</p> -->
    <p>Our school trip</p>
    <!-- <p>My best friend</p> -->
33. 33.Which of these is the border? (a) the line round the box (b) the gap round content (c) space inside the border (d) the text or picture
34. 34.📋 What number does the browser show next to “Papaya”?
    <ol start="3">
      <li>Orange</li>
      <li>Papaya</li>
      <li>Banana</li>
      <li>Mango</li>
      <li>Guava</li>
      <li>Grapes</li>
    </ol>
35. 35.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <p>My best friend</p>
    <h2>My pets</h2>
    <p>Good morning!</p>
    <h2>Hello, world!</h2>
    <h2>Hello, world!</h2>
36. 36.⚡ Which tag holds JavaScript in a page? (a) <code> (b) <script> (c) <style> (d) <js>
37. 37.💪 Which flexbox property spaces boxes along a row? (a) display: flex (b) align-items (c) justify-content (d) flex-direction
38. 38.🔠 Which heading shows the SMALLEST text: <h6>, <h3>, <h2> or <h5>? (a) <h5> (b) <h2> (c) <h6> (d) <h3>
39. 39.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 90px;
      padding: 25px;
      border: 3px solid black;
      margin: 15px;
    }
40. 40.🚀 Which program lets you see your web page while you build it? (a) a photo viewer (b) a calculator (c) a web browser (d) a music player

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