Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 771 · 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 is the odd one out? (a) shows pages from the web (b) has an address bar (c) shows line numbers (d) turns HTML into a page
2. 2.🏷️ HTML marks up text using ___. (a) keys (b) wires (c) tags (d) pixels
3. 3.⚖️ What colour is the text of this element?
   <h1 class="red" id="top">Hi</h1>
   CSS:
   h1 { color: green; }
   .red { color: blue; }
   #top { color: purple; } (a) green (b) blue (c) red (d) purple
4. 4.📝 How many <input> tags are in this form?
   <form>
     <input type="text">
     <input type="password">
     <input type="email">
     <input type="number">
     <input type="date">
     <input type="submit" value="Send">
   </form>
5. 5.📝 On how many lines does the browser show this paragraph?
   <p>Birds sing<br>Rivers flow<br>Kites fly high</p>
6. 6.📋 Which list shows the steps of a recipe best? (a) <hr> (b) <br> (c) <ul> (d) <ol>
7. 7.What does justify-content: flex-end do? (a) packs boxes at the start (b) equal gaps, none at ends (c) puts boxes in the middle (d) packs boxes at the end
8. 8.What is <input type="text"> for? (a) is for an email address (b) takes only numbers (c) picks a day (d) is for one line of words
9. 9.True or false: JavaScript makes headings and lists. (a) False (b) True
10. 10.True or false: “images with no alt” helps everyone use the page. (a) True (b) False
11. 11.✍️ How many declarations (property: value pairs) are in this rule?
    p {
      padding: 8px;
      background-color: yellow;
      font-weight: bold;
    }
12. 12.📋 Which tag goes around each item of a list? (a) <p> (b) <li> (c) <ol> (d) <ul>
13. 13.📊 Which tag makes one data cell? (a) <td> (b) <caption> (c) <tr> (d) <table>
14. 14.🛡️ Online: is it safe to share your password? (a) safe (b) not safe
15. 15.🔢 On a typical page, from top to bottom, which comes first: “<header>” or “<nav>”? (a) <header> (b) <nav>
16. 16.🎯 Which CSS selector matches this element?
    <div class="star" id="intro">Hello</div> (a) .intro (b) #star (c) .star (d) .menu
17. 17.🔗 Which words do you click on?
    <a href="maths.html">Contact us</a> (a) href (b) Visit the site (c) maths.html (d) Contact us
18. 18.🔁 What does this code print?
    let score = 9;
    if (score > 43) {
      console.log("You win");
    } else {
      console.log("Play again");
    } (a) Play again (b) You win
19. 19.💪 Which flexbox property spaces boxes along a row? (a) gap (b) flex-direction (c) align-items (d) justify-content
20. 20.Which of these is true of <aside>? (a) holds a side box of tips (b) holds one blog post (c) holds the menu of links (d) holds the logo and title
21. 21.🛡️ Before typing a password on a site, check the address starts with ___. (a) ftp (b) https (c) http (d) www
22. 22.✍️ What is the selector in this CSS rule?
    body {
      border: 2px solid;
      width: 300px;
      font-size: 20px;
    } (a) body (b) border (c) 300px (d) .box
23. 23.📱 What does a media query check? (a) the time of day (b) the page title (c) the battery level (d) the screen width
24. 24.True or false: HTTPS asks for a web page. (a) True (b) False
25. 25.True or false: to put secrets in comments is not safe. (a) False (b) True
26. 26.🌈 Which colour is rgb(0, 255, 255)? (a) bright green (b) blue (c) cyan (d) magenta
27. 27.🔗 Which words do you click on?
    <a href="contact.html">School news</a> (a) href (b) Take the quiz (c) contact.html (d) School news
28. 28.Which of these is a strong password? (a) qwerty (b) riya2014 (c) Blue@Tiger_74 (d) abcd1234
29. 29.🚀 Where in index.html does the link to style.css go? (a) in the head (b) in the footer (c) inside a <p> (d) after </html>
30. 30.True or false: in <img>, width tells which image to load. (a) True (b) False
31. 31.📝 Which tag makes a big box for many lines of text? (a) <input> (b) <p> (c) <textarea> (d) <br>
32. 32.✍️ What is the selector in this CSS rule?
    .note {
      color: red;
      padding: 8px;
      border: 2px solid;
    } (a) #top (b) 8px (c) .note (d) color
33. 33.💬 How many paragraphs show on the page?
    <!-- <p>Hello, world!</p> -->
    <p>Cricket is fun.</p>
    <!-- <p>Rain today</p> -->
    <!-- <p>My pets</p> -->
34. 34.🔍 Which is the odd one out? (a) adds space around boxes (b) makes a form box (c) lays out the page (d) sets colours and fonts
35. 35.📛 In <a href="x.html">, what is href? (a) a closing tag (b) a comment (c) an element name (d) an attribute
36. 36.🔗 Which address opens when you click this link?
    <a href="about.html">About us</a> (a) About us (b) about.html (c) contact.html (d) https://example.com
37. 37.✍️ How many declarations (property: value pairs) are in this rule?
    .box {
      border: 2px solid;
    }
38. 38.🔍 One closing tag is missing. Which one?
    <h1>Our school trip</h1>
    <i>Hello, world!
    <h3>Rain today</h3> (a) </strong> (b) </h3> (c) </h1> (d) </i>
39. 39.🔁 What number does this code print?
    let total = 0;
    for (let i = 1; i <= 9; i++) {
      total = total + i;
    }
    console.log(total);
40. 40.🔗 Which words do you click on?
    <a href="art.html">School news</a> (a) Take the quiz (b) href (c) art.html (d) School news

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