Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 902 · 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: <ul> goes inside ul or ol. (a) True (b) False
2. 2.✍️ Which sign goes between a property and its value? (a) : (b) - (c) ; (d) =
3. 3.📝 Does <br> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
4. 4.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) test in a browser (b) add CSS styles (c) publish it online (d) write the HTML
5. 5.Which of these is true of a code editor? (a) sends pages over the net (b) shows pages from the web (c) saves our .html files (d) stores a website’s files
6. 6.🎯 What kind of selector is img? (a) an id selector (b) a class selector (c) an element selector
7. 7.⚖️ What colour is the text of this element?
   <p class="note" id="end">Hi</p>
   CSS:
   #end { color: black; }
   #end { color: yellow; } (a) green (b) white (c) yellow (d) black
8. 8.♿ Is this heading order correct (no level skipped)?
   <h1> → <h2> → <h3> → <h3> (a) Yes (b) No
9. 9.📝 On how many lines does the browser show this paragraph?
   <p>Roses are red<br>Sky is blue<br>Rivers flow<br>Kites fly high<br>Birds sing</p>
10. 10.🔗 Which code links to about.html? (a) <a href="about.html"> (b) <a src="about.html"> (c) <a alt="about.html"> (d) <link about.html>
11. 11.🌈 In #rrggbb, which colour do the first two digits give? (a) red (b) green (c) black (d) blue
12. 12.⚖️ What colour is the text of this element?
    <h2 class="note" id="end">Hi</h2>
    CSS:
    .note { color: purple; }
    h2 { color: white; } (a) purple (b) white (c) green (d) orange
13. 13.⚖️ Two rules with the same selector set a colour. Which one wins? (a) neither (b) the first one (c) the later one (d) the shorter one
14. 14.✍️ What value is given to font-style in this rule?
    h1 {
      text-align: center;
      font-style: italic;
      width: 300px;
    } (a) italic (b) 20px (c) red (d) font-style
15. 15.🌍 Which one sends the page back? (a) the browser (b) the server (c) the URL (d) HTTPS
16. 16.🧭 Which semantic tag holds a news story? (a) <nav> (b) <article> (c) <aside> (d) <main>
17. 17.🖌️ What colour are the letters?
    p {
      font-size: 16px;
      text-align: left;
      color: blue;
      background-color: purple;
    } (a) white (b) purple (c) blue
18. 18.Which of these is a strong password? (a) qwerty (b) 111111 (c) Kite_Fl1es@Dawn (d) abcd1234
19. 19.Which of these goes in the head? (a) <a> (b) <style> (c) <img> (d) <h1>
20. 20.🖼️ Which attribute of <img> sets how tall it is? (a) height (b) src (c) alt (d) width
21. 21.📊 Which tag holds the whole table? (a) <tr> (b) <table> (c) <caption> (d) <th>
22. 22.🔠 Which heading shows the BIGGEST text: <h2>, <h1>, <h5> or <h4>? (a) <h2> (b) <h5> (c) <h4> (d) <h1>
23. 23.💬 How many paragraphs show on the page?
    <p>Cricket is fun.</p>
    <!-- <p>I love mangoes.</p> -->
    <!-- <p>The red kite</p> -->
    <p>Good morning!</p>
24. 24.📋 Which list tag lists steps in order? (a) <ul> (b) <ol> (c) <li>
25. 25.💪 Which justify-content value packs boxes at the start? (a) flex-start (b) center (c) flex-end (d) space-between
26. 26.📦 How much space top to bottom (px) does this box take in all, margin included?
    .box {
      height: 130px;
      padding: 20px;
      border: 5px solid black;
      margin: 10px;
    }
27. 27.🚀 You change your code. What should you do to see the change? (a) switch off the PC (b) save and refresh (c) rename the folder (d) delete the file
28. 28.True or false: the content is the text or picture. (a) True (b) False
29. 29.📊 How many cells are in each row?
    <table>
      <tr><td>Papaya</td><td>Grapes</td><td>Guava</td></tr>
      <tr><td>Papaya</td><td>Jamun</td><td>Orange</td></tr>
      <tr><td>Litchi</td><td>Grapes</td><td>Orange</td></tr>
      <tr><td>Guava</td><td>Orange</td><td>Orange</td></tr>
    </table>
30. 30.🖌️ Where does the text sit on its line?
    h1 {
      font-size: 40px;
      text-align: center;
      color: orange;
      background-color: green;
    } (a) in the middle (b) on the right (c) on the left
31. 31.🏷️ Every HTML tag starts with which sign? (a) [ (b) { (c) < (d) (
32. 32.♿ Is this heading order correct (no level skipped)?
    <h1> → <h1> → <h1> → <h3> (a) No (b) Yes
33. 33.Which of these is a closing tag? (a) </h1> (b) <li> (c) <body> (d) <b>
34. 34.📝 Does <li> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
35. 35.True or false: HTML on its own can pick a random number. (a) True (b) False
36. 36.📝 Which input type sends the form? (a) checkbox (b) submit (c) text (d) password
37. 37.⚡ Which tag holds JavaScript in a page? (a) <style> (b) <code> (c) <script> (d) <js>
38. 38.🌈 Which colour is #00ff00? (a) bright green (b) black (c) red (d) yellow
39. 39.🔍 Which is the odd one out? (a) reacts to a button click (b) sets colours and fonts (c) changes the text size (d) adds space around boxes
40. 40.📱 The screen is 414px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 22px;
      }
    } (a) Yes (b) No

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