Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 602 · 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 picture file does the browser load?
   <img src="map.png" alt="Map of India" width="250"> (a) cake.jpg (b) dog.jpg (c) Map of India (d) map.png
2. 2.🧭 Why use <nav> instead of <div> for a menu? (a) it tells its meaning (b) it makes text red (c) it loads faster (d) it adds pictures
3. 3.🔁 What does this code print?
   let marks = 32;
   if (marks >= 21) {
     console.log("Pass");
   } else {
     console.log("Try again");
   } (a) Try again (b) Pass
4. 4.🎨 What does CSS stand for? (a) Creative Sheet System (b) Colourful Site Styles (c) Computer Style Sheets (d) Cascading Style Sheets
5. 5.💬 How many paragraphs show on the page?
   <p>Fun facts</p>
   <p>Hello, world!</p>
   <p>Cricket is fun.</p>
   <!-- <p>My pets</p> -->
6. 6.💪 Which flexbox property lines boxes up across? (a) flex-direction (b) gap (c) align-items (d) justify-content
7. 7.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 110px;
     padding: 10px;
     border: 5px solid black;
     margin: 0px;
   }
8. 8.📝 Which input type hides what you type? (a) radio (b) date (c) checkbox (d) password
9. 9.📦 How much space across (px) does this box take in all, margin included?
   .box {
     width: 140px;
     padding: 25px;
     border: 2px solid black;
     margin: 15px;
   }
10. 10.True or false: “add alt text to images” helps everyone use the page. (a) False (b) True
11. 11.🔗 Which address opens when you click this link?
    <a href="quiz.html">Play games</a> (a) quiz.html (b) about.html (c) games.html (d) Play games
12. 12.🔍 Which is the odd one out? (a) makes headings and lists (b) rounds box corners (c) puts a picture on a page (d) gives the page structure
13. 13.🚀 Which tag loads script.js into a page? (a) <link script.js> (b) <js src="script.js"> (c) <script src="script.js"> (d) <a href="script.js">
14. 14.📋 Which list tag lists things in any order? (a) <li> (b) <ol> (c) <ul>
15. 15.⚡ What number does this code print?
    let marks = 9;
    marks = marks + 10;
    marks = marks - 4;
    console.log(marks);
16. 16.📝 Which input type lets you pick only one? (a) password (b) text (c) date (d) radio
17. 17.Which of these is true of a web browser? (a) is where we type code (b) stores a website’s files (c) turns HTML into a page (d) shows line numbers
18. 18.📋 Which list suits a shopping list in any order? (a) <ol> (b) <hr> (c) <ul> (d) <br>
19. 19.🧭 Is <article> semantic or not semantic? (a) semantic (b) not semantic
20. 20.⚖️ What colour is the text of this element?
    <p class="menu" id="end">Hi</p>
    CSS:
    p { color: green; }
    p { color: black; } (a) black (b) green (c) orange (d) red
21. 21.🧩 Which language lays out the page? (a) CSS (b) HTML (c) JavaScript
22. 22.🔠 Which tag is the least important heading? (a) <h1> (b) <p> (c) <h6> (d) <h3>
23. 23.🖌️ Where does the text sit on its line?
    p {
      font-size: 40px;
      background-color: blue;
      color: purple;
      text-align: left;
    } (a) on the right (b) in the middle (c) on the left
24. 24.📊 Which tag gives the table a title? (a) <table> (b) <th> (c) <td> (d) <caption>
25. 25.🔢 When you open a web page, which comes first: “DNS finds the server” or “the browser shows it”? (a) DNS finds the server (b) the browser shows it
26. 26.🌈 In #150000 the red part is the hex number 15. What is it as a normal number?
27. 27.🛡️ Online: is it safe to use a nickname in games? (a) safe (b) not safe
28. 28.📱 Responsive design means a page ___. (a) never changes (b) fits every screen (c) is only for laptops (d) has no pictures
29. 29.🖼️ Which picture file does the browser load?
    <img src="dog.jpg" alt="A happy dog" width="200"> (a) dog.jpg (b) A happy dog (c) moon.png (d) bus.jpg
30. 30.📦 In the box model, which part is space inside the border? (a) border (b) padding (c) margin (d) content
31. 31.🛡️ Online: is it safe to keep passwords secret? (a) safe (b) not safe
32. 32.🔠 How many <h1> headings should a page usually have? (a) 6 (b) 1 (c) 10 (d) 3
33. 33.True or false: <ul> shows bullet points. (a) False (b) True
34. 34.🔗 Which address opens when you click this link?
    <a href="https://example.com">Art corner</a> (a) art.html (b) Art corner (c) maths.html (d) https://example.com
35. 35.🔡 Are HTML tag names usually written in small letters? (a) Yes (b) No
36. 36.🧭 Which semantic tag helps you move around? (a) <footer> (b) <article> (c) <nav> (d) <aside>
37. 37.📋 Does this list show bullets or numbers?
    <ol>
      <li>Jamun</li>
      <li>Orange</li>
      <li>Banana</li>
    </ol> (a) bullets (b) numbers
38. 38.🔁 What does this code print?
    let marks = 31;
    if (marks < 10) {
      console.log("Pass");
    } else {
      console.log("Try again");
    } (a) Try again (b) Pass
39. 39.🌈 Which colour is rgb(255, 0, 255)? (a) yellow (b) blue (c) cyan (d) magenta
40. 40.🔗 Which tag makes a clickable link? (a) <link> (b) <a> (c) <img> (d) <p>

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