Web Development Basics Quiz

Grade 7 · Technology · Quiz

Test your knowledge of HTML, CSS, JavaScript, and how websites work.

Questions

1. What does HTML stand for?

   1. Hyper Text Markup Language
   2. High Transfer Markup Language
   3. Home Tool Markup Language
   4. Hyperlink and Text Modeling Language
   Show answer

   Answer: Hyper Text Markup Language

   HTML stands for HyperText Markup Language, the standard language for creating webpage structure.

2. Which HTML tag is used to create a hyperlink?

   1. <link>
   2. <href>
   3. <a>
   4. <url>
   Show answer

   Answer: <a>

   The <a> tag (anchor tag) creates hyperlinks; the href attribute specifies the destination URL.

3. What is the correct CSS syntax to change all paragraph text to blue?

   1. p { color: blue; }
   2. p.color = blue;
   3. <p style='blue'>
   4. paragraph { text-color: blue; }
   Show answer

   Answer: p { color: blue; }

   CSS rules follow the pattern: selector { property: value; }. So p { color: blue; } targets all paragraph elements.

4. Which of the following best describes JavaScript on a webpage?

   1. It defines the structure of content
   2. It styles the visual layout
   3. It adds interactivity and dynamic behavior
   4. It stores data on the server
   Show answer

   Answer: It adds interactivity and dynamic behavior

   JavaScript adds interactivity such as responding to clicks, animating elements, and loading new data dynamically.

5. What does a web server do?

   1. It browses the internet for you
   2. It stores and delivers website files to users
   3. It writes HTML code automatically
   4. It blocks unwanted websites
   Show answer

   Answer: It stores and delivers website files to users

   A web server stores website files and sends them to a user's browser when requested via a URL.

6. The <img> HTML tag is used to embed images on a webpage.

   Show answer

   Answer: True

   The <img> tag is used to embed images, using the src attribute to specify the image file path or URL.

7. In HTML, which tag is used to define the largest heading?

   1. <heading>
   2. <h6>
   3. <h1>
   4. <title>
   Show answer

   Answer: <h1>

   <h1> defines the most important (largest) heading; headings go from h1 (largest) to h6 (smallest).

8. The three core technologies of front-end web development are HTML, CSS, and ______.

   Show answer

   Answer: javascript

   HTML structures content, CSS styles it, and JavaScript makes it interactive — these three together form front-end web development.

Get a personalized course on Web Development Basics built around your child.