← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 146 · 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.🔗 What does target="_blank" do to a link? (a) opens it in a new tab (b) hides the link (c) makes it blank (d) makes it bold
  2. 2.Which of these is true of a code editor? (a) turns HTML into a page (b) saves our .html files (c) answers page requests (d) has an address bar
  3. 3.⚖️ Which selector is the strongest? (a) a class selector (b) an element selector (c) an id selector
  4. 4.Which of these has a closing tag? (a) <br> (b) <hr> (c) <ul> (d) <img>
  5. 5.📋 Which list suits a shopping list in any order? (a) <ol> (b) <br> (c) <hr> (d) <ul>
  6. 6.📋 Which list tag goes inside ul or ol? (a) <li> (b) <ul> (c) <ol>
  7. 7.True or false: to use a strong password is safe. (a) False (b) True
  8. 8.⚡ What number does this code print?
    let coins = 7;
    coins = coins + 14;
    coins = coins - 7;
    console.log(coins);
  9. 9.🖼️ Which tag puts a picture on a page? (a) <img> (b) <pic> (c) <p> (d) <a>
  10. 10.📋 Which tag goes around each item of a list? (a) <li> (b) <ul> (c) <p> (d) <ol>
  11. 11.✍️ How many declarations (property: value pairs) are in this rule?
    .note {
      color: red;
      padding: 8px;
      font-weight: bold;
    }
  12. 12.🌍 Which one shows the page to you? (a) the URL (b) HTTPS (c) the server (d) the browser
  13. 13.✍️ In color: blue; which part is the property? (a) ; (b) blue (c) : (d) color
  14. 14.🌈 Which colour is rgb(0, 0, 0)? (a) magenta (b) bright green (c) black (d) red
  15. 15.💬 Which text will NOT show on the page?
    <!-- <p>My best friend</p> -->
    <p>Rain today</p>
    <p>My pets</p>
    (a) My pets (b) My best friend (c) Rain today
  16. 16.What is <input type="number"> for? (a) lets you tick many (b) hides what you type (c) takes only numbers (d) lets you pick only one
  17. 17.🔠 Which tag is the least important heading? (a) <p> (b) <h6> (c) <h3> (d) <h1>
  18. 18.🚀 Which file should this code go in: score = score + 1; (a) index.html (b) script.js (c) style.css
  19. 19.⚡ Which JavaScript word writes in the console? (a) console.log() (b) for (c) alert() (d) let
  20. 20.⚡ Which JavaScript word repeats code? (a) for (b) let (c) alert() (d) if
  21. 21.Which of these is true of <aside>? (a) sits at the bottom (b) holds the menu of links (c) holds extra side notes (d) holds the logo and title
  22. 22.True or false: in <img>, alt is read by screen readers. (a) False (b) True
  23. 23.🔢 When you open a web page, what comes right after “the server sends files”? (a) DNS finds the server (b) you type the URL (c) the browser asks it (d) the browser shows it
  24. 24.✍️ Which sign goes between a property and its value? (a) : (b) ; (c) = (d) -
  25. 25.⚡ What does this code show?
    let name = "Arjun";
    alert("Well done, " + name + "!");
    (a) Well done, name! (b) name (c) Arjun (d) Well done, Arjun!
  26. 26.🌈 Which colour is rgb(0, 255, 0)? (a) bright green (b) yellow (c) red (d) white
  27. 27.🔗 Which address opens when you click this link?
    <a href="news.html">Visit the site</a>
    (a) quiz.html (b) Visit the site (c) news.html (d) games.html
  28. 28.🔗 Which tag makes a clickable link? (a) <link> (b) <p> (c) <a> (d) <img>
  29. 29.🌍 What does a web address (URL) tell the browser? (a) your password (b) how old you are (c) where the page is (d) the page colour
  30. 30.🔗 Where does this link open?
    <a href="games.html">Take the quiz</a>
    (a) in a new tab (b) in the same tab
  31. 31.Which of these is a weak password? (a) password (b) S0lar!Pen#8 (c) Chai$Cup_19x (d) Blue@Tiger_74
  32. 32.📱 What does a media query check? (a) the page title (b) the time of day (c) the screen width (d) the battery level
  33. 33.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Cricket Club</title>
    </head>
    <body>
      <h1>Welcome!</h1>
      <p>I like to read.</p>
    </body>
    </html>
    (a) Welcome! (b) body (c) Cricket Club (d) I like to read.
  34. 34.📊 In a table, which tag is a row? (a) <tb> (b) <tr> (c) <th> (d) <td>
  35. 35.📋 How many items does this list show?
    <ol>
      <li>Litchi</li>
      <li>Grapes</li>
      <li>Mango</li>
    </ol>
  36. 36.🔠 How many headings are in this code?
    <h1>Hello, world!</h1>
    <p>Hello, world!</p>
    <p>I love mangoes.</p>
  37. 37.🔗 Where does this link open?
    <a href="art.html" target="_blank">Art corner</a>
    (a) in the same tab (b) in a new tab
  38. 38.⚡ What number does this code print?
    let score = 30;
    score = score + 18;
    score = score - 45;
    console.log(score);
  39. 39.🚀 Which file should this code go in: <img src="cat.png"> (a) script.js (b) style.css (c) index.html
  40. 40.🌈 In #e00000 the red part is the hex number e0. What is it as a normal number?

Answer key

  1. opens it in a new tab
  2. saves our .html files
  3. an id selector
  4. <ul>
  5. <ul>
  6. <li>
  7. True
  8. 14
  9. <img>
  10. <li>
  11. 3
  12. the browser
  13. color
  14. black
  15. My best friend
  16. takes only numbers
  17. <h6>
  18. script.js
  19. console.log()
  20. for
  21. holds extra side notes
  22. True
  23. the browser shows it
  24. :
  25. Well done, Arjun!
  26. bright green
  27. news.html
  28. <a>
  29. where the page is
  30. in the same tab
  31. password
  32. the screen width
  33. Welcome!
  34. <tr>
  35. 3
  36. 1
  37. in a new tab
  38. 3
  39. index.html
  40. 224

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