← Your first website lesson New set →

Web Worksheet: Your First Website

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

Answer key

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

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