NumicornNumicornLearn, solve, progress

Web Development Basics Practice Tests

These Grade 10 Additional Subjects practice tests introduce HTML structure, CSS styling, responsive design, JavaScript behavior, the DOM, forms, HTTP, client-server architecture, databases, accessibility, security, testing, version control, performance, and deployment.

Skills covered

  • Using HTML elements, semantic structure, headings, links, images, and alternative text
  • Applying CSS selectors, classes, the box model, layout, media queries, specificity, contrast, and responsive design
  • Understanding JavaScript events, the DOM, validation, arrays, functions, JSON, asynchronous requests, and client-server interaction
  • Explaining URLs, HTTP methods and status codes, HTTPS, servers, databases, cookies, caching, and deployment
  • Applying accessibility, cross-browser testing, version control, performance, privacy, authentication, password protection, and XSS prevention

How to use these practice tests

Identify which layer is responsible for the behavior: HTML for structure, CSS for presentation, JavaScript for interaction, the server for application logic, and the database for persistent data. Then check accessibility and security requirements.

For more Grade 10 Additional Subjects practice, return to the Grade 10 Additional Subjects category.

Select a test

5 Tests
1. Test2. Test3. Test4. Test5. Test

1. Test

Grade 10 Web Development Basics Practice Tests

Practice Grade 10 Additional Subjects questions about HTML, CSS, JavaScript, the DOM, HTTP, client-server architecture, accessibility, security, testing, and deployment.

Choose the best answer. Identify the role of each web technology, trace browser-server interactions, and apply accessibility, security, testing, and performance principles.

10 Questions
0/10 Questions0 %
Correct 0
Incorrect 0
Unanswered 10
1. QuestionMultiple choice

What is HTML used for?

Please select an answer first.

Correct answer: A

The correct answer is Defining the structure and meaning of web content.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: HTML uses elements to organize headings, paragraphs, links, images, lists, forms, and other content.
  3. Check the conclusion: The correct answer is Defining the structure and meaning of web content.

HTML uses elements to organize headings, paragraphs, links, images, lists, forms, and other content.

2. QuestionMultiple choice

What does CSS control?

Please select an answer first.

Correct answer: B

The correct answer is The presentation and visual layout of web content.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: CSS controls properties such as color, spacing, typography, positioning, and responsive layout.
  3. Check the conclusion: The correct answer is The presentation and visual layout of web content.

CSS controls properties such as color, spacing, typography, positioning, and responsive layout.

3. QuestionMultiple choice

What is JavaScript commonly used for on a web page?

Please select an answer first.

Correct answer: C

The correct answer is Adding behavior and interactivity.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: JavaScript can respond to events, update the DOM, validate input, and communicate with services.
  3. Check the conclusion: The correct answer is Adding behavior and interactivity.

JavaScript can respond to events, update the DOM, validate input, and communicate with services.

4. QuestionMultiple choice

What is an HTML element?

Please select an answer first.

Correct answer: D

The correct answer is A markup structure consisting of a tag and its content or attributes when applicable.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: HTML elements describe the role and structure of content in a document.
  3. Check the conclusion: The correct answer is A markup structure consisting of a tag and its content or attributes when applicable.

HTML elements describe the role and structure of content in a document.

5. QuestionMultiple choice

Which element is most appropriate for the main heading of a page?

Please select an answer first.

Correct answer: A

The correct answer is h1.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: The h1 element represents the primary heading of a page and helps communicate document structure.
  3. Check the conclusion: The correct answer is h1.

The h1 element represents the primary heading of a page and helps communicate document structure.

6. QuestionMultiple choice

What does an anchor element create?

Please select an answer first.

Correct answer: B

The correct answer is A link to another location or resource.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: An anchor element uses a destination such as href to connect users to another page, section, or resource.
  3. Check the conclusion: The correct answer is A link to another location or resource.

An anchor element uses a destination such as href to connect users to another page, section, or resource.

7. QuestionMultiple choice

Why is the alt attribute used on an image?

Please select an answer first.

Correct answer: C

The correct answer is To provide alternative text describing the image.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Alternative text helps users who cannot see the image and can describe its purpose to assistive technology.
  3. Check the conclusion: The correct answer is To provide alternative text describing the image.

Alternative text helps users who cannot see the image and can describe its purpose to assistive technology.

8. QuestionMultiple choice

What is semantic HTML?

Please select an answer first.

Correct answer: D

The correct answer is HTML that communicates the meaning and role of content.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Semantic elements such as header, nav, main, article, and footer improve structure, accessibility, and maintainability.
  3. Check the conclusion: The correct answer is HTML that communicates the meaning and role of content.

Semantic elements such as header, nav, main, article, and footer improve structure, accessibility, and maintainability.

9. QuestionMultiple choice

What is the DOM?

Please select an answer first.

Correct answer: A

The correct answer is A structured representation of a web document that scripts and browsers can work with.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: The Document Object Model represents page elements as a tree that JavaScript can read and modify.
  3. Check the conclusion: The correct answer is A structured representation of a web document that scripts and browsers can work with.

The Document Object Model represents page elements as a tree that JavaScript can read and modify.

10. QuestionMultiple choice

What does a browser do?

Please select an answer first.

Correct answer: B

The correct answer is It requests, interprets, and displays web resources for a user..

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: A browser sends requests, receives resources, interprets HTML, CSS, and JavaScript, and renders the page.
  3. Check the conclusion: The correct answer is It requests, interprets, and displays web resources for a user..

A browser sends requests, receives resources, interprets HTML, CSS, and JavaScript, and renders the page.

Previous testNext test