← Web development final test lesson New set →

Web Development Worksheet: Final Test

HTML and CSS lesson 30: Web development final test · Set 849 · 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.🔠 Which heading shows the BIGGEST text: <h1>, <h2>, <h6> or <h3>? (a) <h3> (b) <h2> (c) <h1> (d) <h6>
  2. 2.🔁 What does this code print?
    let age = 46;
    if (age < 22) {
      console.log("teen");
    } else {
      console.log("child");
    }     (a) teen (b) child
  3. 3.🔐 Is riya2014 a strong or a weak password? (a) weak (b) strong
  4. 4.Which of these is an opening tag? (a) </body> (b) <h1> (c) </title> (d) </h1>
  5. 5.🖼️ Which tag puts a picture on a page? (a) <img> (b) <pic> (c) <p> (d) <a>
  6. 6.🌗 Is blue on purple easy or hard to read? (a) easy to read (b) hard to read
  7. 7.📋 Does this list show bullets or numbers?
    <ul>
      <li>Banana</li>
      <li>Orange</li>
      <li>Jamun</li>
    </ul>     (a) bullets (b) numbers
  8. 8.🌗 Is dark grey on white easy or hard to read? (a) easy to read (b) hard to read
  9. 9.Which of these is true of a web browser? (a) hosts websites online (b) turns HTML into a page (c) colours code to help us (d) saves our .html files
  10. 10.🔠 How many headings are in this code?
    <h1>I love mangoes.</h1>
    <h4>The red kite</h4>
    <p>The red kite</p>
    <p>My pets</p>
    <p>Fun facts</p>
  11. 11.Which of these is a closing tag? (a) <body> (b) <p> (c) </title> (d) <li>
  12. 12.🔗 Where does this link open?
    <a href="quiz.html" target="_blank">Play games</a>     (a) in a new tab (b) in the same tab
  13. 13.🧭 Is <main> semantic or not semantic? (a) semantic (b) not semantic
  14. 14.Which of these is true of a web browser? (a) sends pages over the net (b) hosts websites online (c) opens web pages for us (d) shows line numbers
  15. 15.⚡ What does JavaScript add to a web page? (a) only colours (b) the page title (c) the domain name (d) actions and changes
  16. 16.✍️ Which sign ends each CSS declaration? (a) . (b) ; (c) : (d) ,
  17. 17.💬 How many paragraphs show on the page?
    <!-- <p>Cricket is fun.</p> -->
    <p>Our school trip</p>
    <p>I love mangoes.</p>
    <!-- <p>The red kite</p> -->
  18. 18.🖼️ How many pixels wide is the picture drawn?
    <img src="fort.jpg" alt="An old fort" width="50">
  19. 19.🔠 Which heading shows the BIGGEST text: <h6>, <h1>, <h5> or <h2>? (a) <h1> (b) <h2> (c) <h6> (d) <h5>
  20. 20.🌈 Which hex code is magenta? (a) #00ff00 (b) #ff0000 (c) #ff00ff (d) #0000ff
  21. 21.Which of these is true of <aside>? (a) helps you move around (b) sits at the very top (c) holds a news story (d) holds a side box of tips
  22. 22.⚡ What number does this code print?
    let a = 48;
    let b = 3;
    console.log(a + b);
  23. 23.🖌️ How big is the text, in px?
    li {
      color: orange;
      background-color: blue;
      text-align: right;
      font-size: 20px;
    }
  24. 24.📄 Which part holds everything you see on the page? (a) the body (b) the doctype (c) the title (d) the head
  25. 25.🔍 Which is the odd one out? (a) colours code to help us (b) saves our .html files (c) shows pages from the web (d) shows line numbers
  26. 26.📄 What is the first line of an HTML5 page? (a) <body> (b) <!DOCTYPE html> (c) <head> (d) <html>
  27. 27.🚀 Which file should this code go in: h1 { font-size: 32px; } (a) script.js (b) index.html (c) style.css
  28. 28.True or false: to log out on shared PCs is not safe. (a) False (b) True
  29. 29.🌈 What is the biggest number one colour can have in rgb()? (a) 100 (b) 1000 (c) 255 (d) 99
  30. 30.⚡ A JavaScript file usually ends with which extension? (a) .jpg (b) .css (c) .html (d) .js
  31. 31.🖼️ How many pixels wide is the picture drawn?
    <img src="moon.png" alt="The full moon" width="350">
  32. 32.📱 The screen is 320px wide. Does the rule inside @media apply?
    p {
      font-size: 16px;
    }
    @media (max-width: 768px) {
      p {
        font-size: 10px;
      }
    }     (a) No (b) Yes
  33. 33.🧩 Which language reacts to a button click? (a) CSS (b) HTML (c) JavaScript
  34. 34.🚀 Which file is best for code that reacts to clicks? (a) style.css (b) notes.txt (c) script.js (d) index.html
  35. 35.📝 What does <br> do? (a) makes a list (b) adds a picture (c) starts a new line (d) makes text bold
  36. 36.🧩 An opening tag + content + a closing tag together make an ___. (a) attribute (b) element (c) editor (d) address
  37. 37.🏷️ Which is the closing tag for <b>? (a) <b> (b) <b/> (c) </b> (d) <\b>
  38. 38.🌐 Which one saves our .html files? (a) a web server (b) a web browser (c) a code editor
  39. 39.🔢 To build and share your first web page, which comes first: “write the HTML” or “plan what to show”? (a) plan what to show (b) write the HTML
  40. 40.📄 What is the big heading shown on this page?
    <!DOCTYPE html>
    <html>
    <head>
      <title>Class 7 Blog</title>
    </head>
    <body>
      <h1>Easy snacks</h1>
      <p>I like to read.</p>
    </body>
    </html>     (a) Easy snacks (b) I like to read. (c) Class 7 Blog (d) body

Answer key

  1. <h1>
  2. child
  3. weak
  4. <h1>
  5. <img>
  6. hard to read
  7. bullets
  8. easy to read
  9. turns HTML into a page
  10. 2
  11. </title>
  12. in a new tab
  13. semantic
  14. opens web pages for us
  15. actions and changes
  16. ;
  17. 2
  18. 50
  19. <h1>
  20. #ff00ff
  21. holds a side box of tips
  22. 51
  23. 20
  24. the body
  25. shows pages from the web
  26. <!DOCTYPE html>
  27. style.css
  28. False
  29. 255
  30. .js
  31. 350
  32. Yes
  33. JavaScript
  34. script.js
  35. starts a new line
  36. element
  37. </b>
  38. a code editor
  39. plan what to show
  40. Easy snacks

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