Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 681 · 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: <ol> lists steps in order. (a) True (b) False
2. 2.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h5> or <h4>? (a) <h4> (b) <h1> (c) <h5> (d) <h2>
3. 3.Which of these has a closing tag? (a) <hr> (b) <img> (c) <meta> (d) <ul>
4. 4.🛡️ Online: is it safe to ask before downloading? (a) not safe (b) safe
5. 5.💬 Does the browser show comments on the page? (a) No (b) Yes
6. 6.🔢 To build and share your first web page, what comes right after “test in a browser”? (a) add CSS styles (b) publish it online (c) write the HTML (d) plan what to show
7. 7.🚀 Which file is best for the colours and fonts? (a) script.js (b) style.css (c) index.html (d) photo.jpg
8. 8.📋 Which tag goes around each item of a list? (a) <li> (b) <ol> (c) <ul> (d) <p>
9. 9.True or false: the server is the page’s address. (a) True (b) False
10. 10.🌍 Which one shows the page to you? (a) the URL (b) HTTPS (c) the browser (d) the server
11. 11.Which of these does HTML do? (a) makes headings and lists (b) checks a quiz answer (c) sets colours and fonts (d) lays out the page
12. 12.🔁 How many times does this code print “Hello”?
    for (let i = 2; i <= 5; i++) {
      console.log("Hello");
    }
13. 13.🏷️ Every HTML tag starts with which sign? (a) { (b) ( (c) < (d) [
14. 14.🖼️ Which tag puts a picture on a page? (a) <pic> (b) <a> (c) <p> (d) <img>
15. 15.🔗 What does target="_blank" do to a link? (a) hides the link (b) makes it bold (c) makes it blank (d) opens it in a new tab
16. 16.🔠 Which heading shows the BIGGEST text: <h6>, <h3>, <h5> or <h1>? (a) <h6> (b) <h1> (c) <h3> (d) <h5>
17. 17.True or false: <ul> is one item of a list. (a) False (b) True
18. 18.🔗 Which attribute holds the address of a link? (a) src (b) alt (c) id (d) href
19. 19.🎯 Which sign starts an id selector? (a) & (b) # (c) @ (d) .
20. 20.🔗 Which address opens when you click this link?
    <a href="art.html">Art corner</a> (a) Art corner (b) news.html (c) quiz.html (d) art.html
21. 21.📋 Which list tag is one item of a list? (a) <ul> (b) <ol> (c) <li>
22. 22.📊 How many rows does this table have?
    <table>
      <tr><td>Banana</td><td>Banana</td></tr>
      <tr><td>Orange</td><td>Guava</td></tr>
      <tr><td>Mango</td><td>Litchi</td></tr>
    </table>
23. 23.True or false: <nav> holds the logo and title. (a) True (b) False
24. 24.🌈 Which hex code is cyan? (a) #ff00ff (b) #000000 (c) #00ff00 (d) #00ffff
25. 25.📝 At most, how many of these can be chosen at the same time?
    <form>
      <input type="checkbox" name="sport"> Chess
      <input type="checkbox" name="sport"> Cricket
      <input type="checkbox" name="sport"> Football
      <input type="checkbox" name="sport"> Hockey
      <input type="checkbox" name="sport"> Kabaddi
    </form>
26. 26.🔗 Which words do you click on?
    <a href="games.html">Contact us</a> (a) Visit the site (b) games.html (c) href (d) Contact us
27. 27.🧭 Which semantic tag holds extra side notes? (a) <main> (b) <footer> (c) <aside> (d) <header>
28. 28.🔁 What does this code print?
    let temp = 42;
    if (temp > 6) {
      console.log("Hot");
    } else {
      console.log("Cool");
    } (a) Cool (b) Hot
29. 29.📝 What does <br> do? (a) makes text bold (b) adds a picture (c) makes a list (d) starts a new line
30. 30.🚀 Which tag loads script.js into a page? (a) <js src="script.js"> (b) <script src="script.js"> (c) <a href="script.js"> (d) <link script.js>
31. 31.📝 Which input type is for an email address? (a) email (b) text (c) checkbox (d) submit
32. 32.🚀 Which program lets you see your web page while you build it? (a) a music player (b) a photo viewer (c) a web browser (d) a calculator
33. 33.⚖️ Which selector is the weakest? (a) an id selector (b) a class selector (c) an element selector
34. 34.📄 Where does <a> go: in the head or in the body? (a) in the body (b) in the head
35. 35.Which of these is a weak password? (a) Blue@Tiger_74 (b) qwerty (c) Kite_Fl1es@Dawn (d) Rain#Drop_42!
36. 36.🔢 On a typical page, from top to bottom, what comes right after “<main>”? (a) <header> (b) <nav> (c) <footer>
37. 37.📱 The screen is 820px wide. Does the rule inside @media apply?
    p {
      font-size: 24px;
    }
    @media (max-width: 600px) {
      p {
        font-size: 20px;
      }
    } (a) Yes (b) No
38. 38.🖼️ Why do we add alt text to an image? (a) to describe the image (b) to colour it (c) to load it faster (d) to make it bigger
39. 39.True or false: <td> makes one data cell. (a) False (b) True
40. 40.♿ Is this heading order correct (no level skipped)?
    <h1> → <h3> → <h2> → <h2> (a) Yes (b) No

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