← Your first website lesson New set →

Web Worksheet: Your First Website

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

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.

NameDateTime takenScore ___ / 40
  1. 1.🚀 Which file is best for the colours and fonts? (a) style.css (b) photo.jpg (c) script.js (d) index.html
  2. 2.🚀 Which file should this code go in: .box { padding: 8px; } (a) script.js (b) style.css (c) index.html
  3. 3.🚀 Which file should this code go in: console.log(5 + 2); (a) style.css (b) script.js (c) index.html
  4. 4.🚀 Which file should this code go in: #top { color: blue; } (a) index.html (b) style.css (c) script.js
  5. 5.🚀 Which file should this code go in: <img src="cat.png"> (a) script.js (b) style.css (c) index.html
  6. 6.True or false: score = score + 1; goes in script.js. (a) True (b) False
  7. 7.🚀 Which file should this code go in: score = score + 1; (a) script.js (b) index.html (c) style.css
  8. 8.🔢 To build and share your first web page, which comes first: “plan what to show” or “write the HTML”? (a) write the HTML (b) plan what to show
  9. 9.🚀 Which file should this code go in: <p>Hello!</p> (a) script.js (b) index.html (c) style.css
  10. 10.🚀 You change your code. What should you do to see the change? (a) save and refresh (b) delete the file (c) rename the folder (d) switch off the PC
  11. 11.True or false: <ul><li>Art</li></ul> goes in style.css. (a) False (b) True
  12. 12.🚀 Where in index.html does the link to style.css go? (a) after </html> (b) in the footer (c) inside a <p> (d) in the head
  13. 13.True or false: <img src="cat.png"> goes in script.js. (a) False (b) True
  14. 14.True or false: #top { color: blue; } goes in index.html. (a) False (b) True
  15. 15.🔢 To build and share your first web page, which comes FIRST? (a) write the HTML (b) test in a browser (c) add CSS styles (d) plan what to show
  16. 16.True or false: alert("Hi"); goes in style.css. (a) False (b) True
  17. 17.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) script.js (b) style.css (c) index.html
  18. 18.🔢 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
  19. 19.🔢 To build and share your first web page, which comes first: “write the HTML” or “plan what to show”? (a) write the HTML (b) plan what to show
  20. 20.🚀 Which file is best for code that reacts to clicks? (a) notes.txt (b) index.html (c) script.js (d) style.css
  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: alert(score); (a) index.html (b) style.css (c) script.js
  23. 23.🔢 To build and share your first web page, what comes right after “write the HTML”? (a) plan what to show (b) test in a browser (c) publish it online (d) add CSS styles
  24. 24.🚀 Which file should this code go in: body { margin: 0; } (a) script.js (b) index.html (c) style.css
  25. 25.🔢 To build and share your first web page, which comes LAST? (a) add CSS styles (b) plan what to show (c) test in a browser (d) publish it online
  26. 26.True or false: score = score + 1; goes in index.html. (a) True (b) False
  27. 27.True or false: h1 { font-size: 32px; } goes in style.css. (a) False (b) True
  28. 28.🔢 To build and share your first web page, which comes first: “add CSS styles” or “publish it online”? (a) publish it online (b) add CSS styles
  29. 29.🚀 What is the home page file of a website usually called? (a) index.html (b) start.js (c) home.css (d) main.png
  30. 30.True or false: let score = 0; goes in style.css. (a) False (b) True
  31. 31.🔢 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
  32. 32.🚀 Which file should this code go in: <a href="a.html">Go</a> (a) style.css (b) index.html (c) script.js
  33. 33.🚀 Which file should this code go in: <ul><li>Art</li></ul> (a) style.css (b) script.js (c) index.html
  34. 34.True or false: #top { color: blue; } goes in script.js. (a) True (b) False
  35. 35.🚀 Which tag loads script.js into a page? (a) <script src="script.js"> (b) <a href="script.js"> (c) <link script.js> (d) <js src="script.js">
  36. 36.True or false: <img src="cat.png"> goes in index.html. (a) False (b) True
  37. 37.True or false: <h1>My Site</h1> goes in index.html. (a) True (b) False
  38. 38.True or false: <p>Hello!</p> goes in index.html. (a) True (b) False
  39. 39.True or false: body { margin: 0; } goes in style.css. (a) True (b) False
  40. 40.🚀 Which file should this code go in: p { color: red; } (a) style.css (b) script.js (c) index.html

Answer key

  1. style.css
  2. style.css
  3. script.js
  4. style.css
  5. index.html
  6. True
  7. script.js
  8. plan what to show
  9. index.html
  10. save and refresh
  11. False
  12. in the head
  13. False
  14. False
  15. plan what to show
  16. False
  17. style.css
  18. plan what to show
  19. plan what to show
  20. script.js
  21. False
  22. script.js
  23. add CSS styles
  24. style.css
  25. publish it online
  26. False
  27. True
  28. add CSS styles
  29. index.html
  30. False
  31. plan what to show
  32. index.html
  33. index.html
  34. False
  35. <script src="script.js">
  36. True
  37. True
  38. True
  39. True
  40. style.css

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