Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 247 · 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.🔢 When you open a web page, which comes first: “the browser shows it” or “DNS finds the server”? (a) the browser shows it (b) DNS finds the server
2. 2.Which of these is a weak password? (a) abcd1234 (b) Chai$Cup_19x (c) Kite_Fl1es@Dawn (d) Mango#Kite29!
3. 3.🛡️ Is it safe to use the same password on every site? (a) Yes (b) No
4. 4.Which of these is a closing tag? (a) <title> (b) <p> (c) <b> (d) </body>
5. 5.Which of these is a closing tag? (a) <body> (b) <p> (c) </b> (d) <title>
6. 6.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h3> or <h4>? (a) <h1> (b) <h3> (c) <h4> (d) <h6>
7. 7.🔍 Which is the odd one out? (a) stores a website’s files (b) has an address bar (c) turns HTML into a page (d) shows pages from the web
8. 8.⚖️ Two rules with the same selector set a colour. Which one wins? (a) the first one (b) the shorter one (c) the later one (d) neither
9. 9.🎯 What kind of selector is .menu? (a) an id selector (b) an element selector (c) a class selector
10. 10.📝 How many paragraphs does this code make?
    <p>Hello, world!</p>
    <p>Good morning!</p>
    <p>My pets</p>
    <h2>Good morning!</h2>
    <p>I love mangoes.</p>
    <h2>Hello, world!</h2>
11. 11.🌍 What is the domain name in this URL?
    https://learn.example.com/art/gallery.html (a) https (b) learn.example.com (c) /art/gallery.html (d) www.example.com
12. 12.📱 What does a media query check? (a) the page title (b) the screen width (c) the battery level (d) the time of day
13. 13.What does font-size do? (a) centres a heading (b) makes letters bigger (c) sets the letter colour (d) makes the text bold
14. 14.🖼️ Which tag puts a picture on a page? (a) <p> (b) <pic> (c) <img> (d) <a>
15. 15.True or false: HTML on its own can run a game loop. (a) False (b) True
16. 16.Which of these is not safe to do online? (a) use a strong password (b) use a nickname in games (c) check for https first (d) share your OTP
17. 17.🖼️ Which picture file does the browser load?
    <img src="dog.jpg" alt="A happy dog" width="50"> (a) moon.png (b) bus.jpg (c) A happy dog (d) dog.jpg
18. 18.🖼️ The picture cannot load. Which text does the browser show instead?
    <img src="kite.png" alt="A red kite" width="350"> (a) kite.png (b) A red kite (c) Map of India (d) width
19. 19.🔢 When you open a web page, what comes right after “the browser asks it”? (a) you type the URL (b) the browser shows it (c) DNS finds the server (d) the server sends files
20. 20.🧭 Which semantic tag holds extra side notes? (a) <aside> (b) <footer> (c) <main> (d) <nav>
21. 21.⚡ Where does console.log() show its output? (a) on the title bar (b) in the address bar (c) on the printer (d) in the console
22. 22.What is <input type="email"> for? (a) picks a day (b) lets you tick many (c) is for an email address (d) sends the form
23. 23.📄 Where does <link rel="stylesheet"> go: in the head or in the body? (a) in the body (b) in the head
24. 24.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) index.html (b) style.css (c) script.js
25. 25.What is <input type="text"> for? (a) is for one line of words (b) lets you pick only one (c) takes only numbers (d) picks a day
26. 26.🚀 Which file should this code go in: <p>Hello!</p> (a) script.js (b) index.html (c) style.css
27. 27.What does font-weight do? (a) centres a heading (b) makes the text bold (c) picks the font style (d) sets the letter colour
28. 28.True or false: <caption> makes one data cell. (a) True (b) False
29. 29.💬 How many paragraphs show on the page?
    <p>The red kite</p>
    <p>Fun facts</p>
    <!-- <p>I love mangoes.</p> -->
    <p>Hello, world!</p>
30. 30.📄 What does the browser tab show for this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Match report</h1>
      <p>Try this poha.</p>
    </body>
    </html> (a) Match report (b) index.html (c) Class 7 Blog (d) Try this poha.
31. 31.🔢 To build and share your first web page, what comes right after “write the HTML”? (a) plan what to show (b) add CSS styles (c) test in a browser (d) publish it online
32. 32.🎯 Which element does the selector span style? (a) <p> (b) <h1 class="big"> (c) <h2 id="intro"> (d) <span class="big">
33. 33.Which of these is the border? (a) the gap round content (b) the line round the box (c) the text or picture (d) space inside the border
34. 34.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) add CSS styles (b) publish it online (c) test in a browser (d) write the HTML
35. 35.🔢 When you open a web page, what comes right after “you type the URL”? (a) the browser shows it (b) the browser asks it (c) the server sends files (d) DNS finds the server
36. 36.🔗 Which attribute holds the address of a link? (a) alt (b) id (c) src (d) href
37. 37.📄 What is the first line of an HTML5 page? (a) <head> (b) <html> (c) <body> (d) <!DOCTYPE html>
38. 38.⚖️ What colour is the text of this element?
    <h2 class="note" id="intro">Hi</h2>
    CSS:
    h2 { color: green; }
    h2 { color: black; } (a) blue (b) green (c) orange (d) black
39. 39.✍️ In color: blue; which part is the value? (a) : (b) ; (c) color (d) blue
40. 40.🔐 Is abcd1234 a strong or a weak password? (a) strong (b) weak

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