← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 279 · 40 questions
TalentJR

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.

NameDateTime takenScore ___ / 40
  1. 1.📝 How many paragraphs does this code make?
    <p>Rain today</p>
    <p>I love mangoes.</p>
    <p>My best friend</p>
    <h2>Good morning!</h2>
  2. 2.🚀 Which file should this code go in: #top { color: blue; } (a) index.html (b) style.css (c) script.js
  3. 3.Which of these is true of <header>? (a) holds the main content (b) holds a side box of tips (c) holds copyright notes (d) holds the logo and title
  4. 4.🚀 Which file should this code go in: <h1>My Site</h1> (a) index.html (b) script.js (c) style.css
  5. 5.⚡ Which word makes a new variable? (a) give (b) put (c) make (d) let
  6. 6.True or false: a web browser shows line numbers. (a) True (b) False
  7. 7.📋 What number does the browser show next to “Orange”?
    <ol>
      <li>Grapes</li>
      <li>Orange</li>
      <li>Mango</li>
      <li>Banana</li>
      <li>Litchi</li>
    </ol>
  8. 8.True or false: <main> is the page’s key part. (a) False (b) True
  9. 9.Which of these has a closing tag? (a) <img> (b) <hr> (c) <p> (d) <br>
  10. 10.True or false: the border is the text or picture. (a) False (b) True
  11. 11.🔠 Which heading shows the BIGGEST text: <h3>, <h1>, <h5> or <h2>? (a) <h1> (b) <h3> (c) <h2> (d) <h5>
  12. 12.True or false: the server sends the page back. (a) False (b) True
  13. 13.📝 How many paragraphs does this code make?
    <p>My pets</p>
    <p>Our school trip</p>
    <h2>Cricket is fun.</h2>
    <p>The red kite</p>
    <h2>Hello, world!</h2>
    <h2>Hello, world!</h2>
  14. 14.⚡ Which JavaScript word writes in the console? (a) for (b) if (c) console.log() (d) let
  15. 15.True or false: <h1>My Site</h1> goes in style.css. (a) True (b) False
  16. 16.🔢 When you open a web page, which comes FIRST? (a) DNS finds the server (b) the server sends files (c) you type the URL (d) the browser shows it
  17. 17.🌐 Which one is where we type code? (a) a web browser (b) a web server (c) a code editor
  18. 18.🔗 Which address opens when you click this link?
    <a href="art.html">School news</a>     (a) quiz.html (b) news.html (c) art.html (d) School news
  19. 19.🔁 What does this code print?
    let score = 18;
    if (score >= 6) {
      console.log("You win");
    } else {
      console.log("Play again");
    }     (a) Play again (b) You win
  20. 20.📋 Which list tag goes inside ul or ol? (a) <ol> (b) <ul> (c) <li>
  21. 21.📋 What number does the browser show next to “Guava”?
    <ol>
      <li>Papaya</li>
      <li>Banana</li>
      <li>Guava</li>
      <li>Mango</li>
      <li>Orange</li>
      <li>Litchi</li>
    </ol>
  22. 22.📄 Can HTML on its own keep a high score? (a) Yes (b) No
  23. 23.🌍 Which one scrambles data on its way? (a) HTTPS (b) the URL (c) the browser (d) the server
  24. 24.📝 Does <h1> have a closing tag, or is it an empty tag? (a) has a closing tag (b) an empty tag
  25. 25.💪 How much empty space (px) is left after the last box?
    .row {
      display: flex;
      width: 180px;
      justify-content: flex-start;
    }
    Inside are 3 boxes, each 40px wide (no margins).
  26. 26.📋 How many items does this list show?
    <ol>
      <li>Jamun</li>
      <li>Banana</li>
      <li>Litchi</li>
      <li>Guava</li>
      <li>Mango</li>
    </ol>
  27. 27.🎯 How many elements on a page should have the same id? (a) 2 (b) any number (c) 1 (d) 5
  28. 28.🛡️ Online: is it safe to download from pop-ups? (a) safe (b) not safe
  29. 29.🌍 Which one sends the page back? (a) HTTPS (b) the browser (c) the URL (d) the server
  30. 30.🔍 Which line is missing its closing tag?
    line 1: <p>My best friend</p>
    line 2: <small>Rain today</small>
    line 3: <u>Good morning!     (a) line 3 (b) line 2 (c) line 1
  31. 31.📝 How many paragraphs does this code make?
    <p>Hello, world!</p>
    <h2>My pets</h2>
    <h2>Rain today</h2>
  32. 32.True or false: in <img>, src names the picture file. (a) False (b) True
  33. 33.True or false: <input type="number"> takes only numbers. (a) False (b) True
  34. 34.💪 How much empty space (px) is before the first box?
    .row {
      display: flex;
      width: 360px;
      justify-content: flex-end;
    }
    Inside are 3 boxes, each 100px wide (no margins).
  35. 35.⚡ What number does this code print?
    let coins = 9;
    coins = coins + 6;
    coins = coins - 12;
    console.log(coins);
  36. 36.⚖️ What colour is the text of this element?
    <h1 class="box" id="logo">Hi</h1>
    CSS:
    .box { color: red; }
    .box { color: green; }     (a) black (b) orange (c) red (d) green
  37. 37.🎨 Which tag connects an outside CSS file? (a) <css> (b) <a> (c) <img> (d) <link>
  38. 38.📄 Where does <title> go: in the head or in the body? (a) in the body (b) in the head
  39. 39.🌍 What is the domain name in this URL?
    http://www.example.net/games/chess.html     (a) www.example.net (b) learn.example.com (c) /games/chess.html (d) http
  40. 40.✍️ Which sign goes between a property and its value? (a) : (b) ; (c) - (d) =

Answer key

  1. 3
  2. style.css
  3. holds the logo and title
  4. index.html
  5. let
  6. False
  7. 2
  8. True
  9. <p>
  10. False
  11. <h1>
  12. True
  13. 3
  14. console.log()
  15. False
  16. you type the URL
  17. a code editor
  18. art.html
  19. You win
  20. <li>
  21. 3
  22. No
  23. HTTPS
  24. has a closing tag
  25. 60
  26. 5
  27. 1
  28. not safe
  29. the server
  30. line 3
  31. 1
  32. True
  33. True
  34. 60
  35. 3
  36. green
  37. <link>
  38. in the head
  39. www.example.net
  40. :

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