Web Worksheet: Your First Website

HTML and CSS lesson 29: Your first website · Set 75 · 40 questions

Code tip (One file per job): Tags → index.html; selector { … } → style.css; let, alert, console.log → script.js. Plan → write the HTML → add CSS → test in a browser → publish. Use small letters and dashes in file names; save and refresh to see changes.

1. 1.🚀 Which file should this code go in: p { color: red; } (a) style.css (b) script.js (c) index.html
2. 2.🔢 To build and share your first web page, what comes right after “plan what to show”? (a) test in a browser (b) write the HTML (c) add CSS styles (d) publish it online
3. 3.🚀 Which file should this code go in: alert("Hi"); (a) script.js (b) index.html (c) style.css
4. 4.🚀 Should file names have spaces, like my page.html? (a) No (b) Yes
5. 5.🚀 What is the home page file of a website usually called? (a) start.js (b) index.html (c) home.css (d) main.png
6. 6.🚀 Which file should this code go in: let score = 0; (a) index.html (b) style.css (c) script.js
7. 7.🚀 Which file is best for code that reacts to clicks? (a) index.html (b) notes.txt (c) style.css (d) script.js
8. 8.🔢 To build and share your first web page, what comes right after “write the HTML”? (a) test in a browser (b) publish it online (c) add CSS styles (d) plan what to show
9. 9.🔢 To build and share your first web page, which comes LAST? (a) test in a browser (b) publish it online (c) add CSS styles (d) plan what to show
10. 10.🚀 Which file should this code go in: #top { color: blue; } (a) script.js (b) index.html (c) style.css
11. 11.🚀 Which file is best for the colours and fonts? (a) script.js (b) index.html (c) style.css (d) photo.jpg
12. 12.🚀 Where in index.html does the link to style.css go? (a) in the footer (b) inside a <p> (c) after </html> (d) in the head
13. 13.🔢 To build and share your first web page, which comes FIRST? (a) publish it online (b) write the HTML (c) plan what to show (d) add CSS styles
14. 14.🔢 To build and share your first web page, what comes right after “add CSS styles”? (a) publish it online (b) test in a browser (c) write the HTML (d) plan what to show
15. 15.🔢 To build and share your first web page, which comes first: “publish it online” or “write the HTML”? (a) publish it online (b) write the HTML
16. 16.🔢 To build and share your first web page, which comes first: “write the HTML” or “publish it online”? (a) publish it online (b) write the HTML
17. 17.True or false: p { color: red; } goes in script.js. (a) True (b) False
18. 18.🚀 Which tag loads script.js into a page? (a) <link script.js> (b) <script src="script.js"> (c) <js src="script.js"> (d) <a href="script.js">
19. 19.🚀 Which file should this code go in: <p>Hello!</p> (a) style.css (b) index.html (c) script.js
20. 20.True or false: .box { padding: 8px; } goes in style.css. (a) False (b) True
21. 21.True or false: body { margin: 0; } goes in index.html. (a) False (b) True
22. 22.🚀 Which file should this code go in: .box { padding: 8px; } (a) index.html (b) script.js (c) style.css
23. 23.🔢 To build and share your first web page, which comes first: “plan what to show” or “publish it online”? (a) publish it online (b) plan what to show
24. 24.🚀 Which program lets you see your web page while you build it? (a) a photo viewer (b) a music player (c) a calculator (d) a web browser
25. 25.🔢 To build and share your first web page, which comes first: “add CSS styles” or “test in a browser”? (a) add CSS styles (b) test in a browser
26. 26.🚀 Which file should this code go in: score = score + 1; (a) index.html (b) script.js (c) style.css
27. 27.True or false: let score = 0; goes in style.css. (a) True (b) False
28. 28.🔢 To build and share your first web page, which comes first: “publish it online” or “plan what to show”? (a) publish it online (b) plan what to show
29. 29.🚀 Which file should this code go in: <a href="a.html">Go</a> (a) style.css (b) script.js (c) index.html
30. 30.🔢 To build and share your first web page, which comes first: “plan what to show” or “test in a browser”? (a) plan what to show (b) test in a browser
31. 31.True or false: <a href="a.html">Go</a> goes in index.html. (a) False (b) True
32. 32.True or false: body { margin: 0; } goes in script.js. (a) True (b) False
33. 33.True or false: <p>Hello!</p> goes in style.css. (a) False (b) True
34. 34.🔢 To build and share your first web page, which comes first: “write the HTML” or “test in a browser”? (a) write the HTML (b) test in a browser
35. 35.🔢 To build and share your first web page, which comes first: “add CSS styles” or “write the HTML”? (a) write the HTML (b) add CSS styles
36. 36.🔢 To build and share your first web page, which comes first: “add CSS styles” or “plan what to show”? (a) add CSS styles (b) plan what to show
37. 37.True or false: <h1>My Site</h1> goes in style.css. (a) True (b) False
38. 38.True or false: score = score + 1; goes in script.js. (a) True (b) False
39. 39.True or false: console.log(5 + 2); goes in index.html. (a) True (b) False
40. 40.True or false: p { color: red; } goes in style.css. (a) False (b) True

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