Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 85 · 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.🏷️ Every HTML tag starts with which sign? (a) ( (b) < (c) [ (d) {
2. 2.🏷️ Is <title> an opening tag or a closing tag? (a) an opening tag (b) a closing tag
3. 3.🔢 When you open a web page, which comes first: “the browser shows it” or “DNS finds the server”? (a) DNS finds the server (b) the browser shows it
4. 4.🎯 Which sign starts an id selector? (a) # (b) & (c) . (d) @
5. 5.⚡ Which JavaScript word runs code when true? (a) console.log() (b) alert() (c) for (d) if
6. 6.Which of these goes in the body? (a) <link rel="stylesheet"> (b) <meta charset="utf-8"> (c) <title> (d) <p>
7. 7.🎯 Which CSS selector matches this element?
   <h2 class="red" id="hero">Hello</h2> (a) #red (b) li (c) #hero (d) .hero
8. 8.💪 How much empty space (px) is before the first box?
   .row {
     display: flex;
     width: 440px;
     justify-content: center;
   }
   Inside are 3 boxes, each 100px wide (no margins).
9. 9.♿ Does this help everyone, or make the page harder to use: skipping heading levels? (a) makes it harder (b) helps everyone
10. 10.What is <input type="date"> for? (a) picks a day (b) hides what you type (c) sends the form (d) lets you pick only one
11. 11.🌍 Which one stores the site’s files? (a) the browser (b) the server (c) HTTPS (d) the URL
12. 12.🔍 Which is the odd one out? (a) is where we type code (b) saves our .html files (c) hosts websites online (d) colours code to help us
13. 13.⚡ What does this code show?
    let name = "Aman";
    console.log("Hello, " + name + "!"); (a) name (b) Hello, Aman! (c) Hello, name! (d) Aman
14. 14.💬 Which text will NOT show on the page?
    <p>I love mangoes.</p>
    <p>Fun facts</p>
    <!-- <p>Cricket is fun.</p> --> (a) I love mangoes. (b) Cricket is fun. (c) Fun facts
15. 15.⚖️ Which selector is the weakest? (a) an id selector (b) an element selector (c) a class selector
16. 16.True or false: <th> makes a heading cell. (a) True (b) False
17. 17.📊 Are <th> cells shown bold and centred by default? (a) Yes (b) No
18. 18.🔗 What does target="_blank" do to a link? (a) opens it in a new tab (b) makes it blank (c) hides the link (d) makes it bold
19. 19.💪 Which justify-content value equal gaps, none at ends? (a) flex-end (b) space-between (c) center (d) flex-start
20. 20.Which of these is the content? (a) the gap round content (b) the text or picture (c) space outside the border (d) the gap to other boxes
21. 21.True or false: HTML makes a form box. (a) False (b) True
22. 22.True or false: <ul> shows 1, 2, 3 numbers. (a) False (b) True
23. 23.📝 How many paragraphs does this code make?
    <p>Fun facts</p>
    <h2>Fun facts</h2>
    <h2>I love mangoes.</h2>
    <p>I love mangoes.</p>
    <p>The red kite</p>
24. 24.✍️ In color: blue; which part is the value? (a) blue (b) color (c) : (d) ;
25. 25.🖼️ Which attribute of <img> sets how tall it is? (a) src (b) height (c) alt (d) width
26. 26.🔢 On a typical page, from top to bottom, what comes right after “<header>”? (a) <nav> (b) <footer> (c) <main>
27. 27.♿ Is this heading order correct (no level skipped)?
    <h1> → <h2> → <h3> → <h2> (a) Yes (b) No
28. 28.🏷️ Which is the closing tag for <strong>? (a) <strong/> (b) <strong> (c) </strong> (d) <\strong>
29. 29.Which of these does HTML do? (a) adds space around boxes (b) reacts to a button click (c) puts a picture on a page (d) shows a pop-up message
30. 30.⚖️ What colour is the text of this element?
    <p class="note" id="intro">Hi</p>
    CSS:
    p { color: blue; }
    .note { color: red; } (a) blue (b) purple (c) green (d) red
31. 31.📊 Where do <td> cells go? (a) inside a <li> (b) inside a <p> (c) inside the <head> (d) inside a <tr>
32. 32.✍️ How many declarations (property: value pairs) are in this rule?
    #top {
      font-size: 20px;
      text-align: center;
      padding: 8px;
    }
33. 33.🌐 Which one colours code to help us? (a) a web browser (b) a code editor (c) a web server
34. 34.🔐 Is 111111 a strong or a weak password? (a) strong (b) weak
35. 35.🖼️ Which attribute of <img> sets how wide it is? (a) width (b) src (c) alt (d) height
36. 36.🔗 Which address opens when you click this link?
    <a href="games.html">Visit the site</a> (a) games.html (b) about.html (c) contact.html (d) Visit the site
37. 37.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Art Gallery</title>
    </head>
    <body>
      <h1>All about me</h1>
      <p>Mars is red.</p>
    </body>
    </html> (a) Art Gallery (b) Mars is red. (c) index.html (d) All about me
38. 38.📋 How many items does this list show?
    <ul>
      <li>Grapes</li>
      <li>Orange</li>
      <li>Papaya</li>
      <li>Litchi</li>
    </ul>
39. 39.📱 Responsive design means a page ___. (a) never changes (b) has no pictures (c) fits every screen (d) is only for laptops
40. 40.Which of these does HTML do? (a) rounds box corners (b) checks a quiz answer (c) counts down a timer (d) makes a link

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