UUS Practice Tests⌕ Search
IT Certifications · 98-383

Exam 98-383: Introduction to Programming Using HTML and CSS Practice Test

Exam 98-383: Introduction to Programming Using HTML and CSS covers the markup and styling used to create structured web pages. The available practice questions include semantic HTML elements, form controls, document mode, CSS selectors, box spacing, positioning, flexbox alignment, backgrounds, and outlines. These concepts help you read and write page code that controls both content structure and visual presentation.

Exam overview

Exam providerMicrosoft
Exam code98-383
CategoryIT Certifications

About the Exam 98-383: Introduction to Programming Using HTML and CSS Exam

HTML work involves choosing elements that convey the role of content, such as associating a caption with a figure or providing selectable options in a form. Understanding document structure and standards mode helps explain how browsers interpret markup. CSS work requires distinguishing selectors by scope, including selectors that match only direct children, and knowing how properties affect layout and appearance. The question topics also exercise the box model, where padding separates content from borders, and positioning, where relative offsets do not normally remove an element from document flow. Flexbox questions call for identifying the property that controls alignment along the main axis. Background-repeat and outline behavior test whether a declaration changes painting, spacing, or layout. Together, these skills support practical tasks such as styling page components, aligning interface content, and diagnosing why an element appears differently than expected.

Sample Practice Questions

Review a selection from this exam's published US Practice Tests practice bank.

Question 1

Which HTML element is used to provide a selectable choice in a drop-down control?

  1. A<option>
  2. B<select>
  3. C<datalist>
  4. D<choice>
Show answerCorrect answer: A

An <option> element defines an individual choice, commonly inside a <select> element. The <select> element creates the control that contains the choices.

Question 2

Which CSS property sets the horizontal alignment of inline content, such as text, within a block container?

  1. Avertical-align
  2. Btext-align
  3. Cjustify-items
  4. Dfloat
Show answerCorrect answer: B

`text-align` controls the horizontal alignment of inline-level content inside a block container, with common values including `left`, `center`, and `right`.

Question 3

Which CSS declaration prevents an element's background image from tiling when the image is smaller than the element?

  1. Abackground-repeat: no-repeat;
  2. Bbackground-size: none;
  3. Cbackground-position: single;
  4. Dbackground-image: fixed;
Show answerCorrect answer: A

`background-repeat: no-repeat` displays the background image once rather than repeating it across the element.

Question 4

Which HTML element provides a caption for a `<figure>` element?

  1. A<caption>
  2. B<figcaption>
  3. C<legend>
  4. D<summary>
Show answerCorrect answer: B

The `<figcaption>` element supplies a caption or legend for its parent `<figure>`, such as a description of an illustration or diagram.

Question 5

In CSS, which property sets the space between an element's content and its border?

  1. Amargin
  2. Bpadding
  3. Cgap
  4. Dinset
Show answerCorrect answer: B

Padding is the space inside an element, between its content and border. Margin is outside the border; gap controls spacing between items in certain layout contexts.

Question 6

Which declaration makes an HTML document use the standards-based parsing mode in modern browsers?

  1. A<!DOCTYPE html>
  2. B<html mode="standard">
  3. C<meta standards="true">
  4. D<head doctype="html">
Show answerCorrect answer: A

The HTML5 doctype declaration, `<!DOCTYPE html>`, tells browsers to render the document in standards mode. It is placed at the beginning of the document.

Question 7

An element is positioned with `position: relative`. Which statement describes how this positioning normally affects its place in document layout?

  1. AIt remains in normal flow, and offsets can move it from its original position.
  2. BIt is removed from normal flow and positioned relative to the viewport.
  3. CIt is removed from normal flow and placed relative to the nearest scrolling ancestor.
  4. DIt becomes fixed at the top of the page while scrolling.
Show answerCorrect answer: A

Relative positioning keeps the element's original space in normal flow. Top, right, bottom, or left offsets can visually shift it from that position.

How to use this practice test

Access is free. A practice session presents up to 20 random questions from the 50-question bank, with results shown after the session. Use the questions to check how well you can identify HTML elements, interpret CSS declarations, and distinguish layout effects from visual effects; revisit any missed concepts in a code example.

Preparation tips

  • Write a small HTML form and identify the elements used for a drop-down control; add a figure and caption to practice semantic structure.
  • Compare CSS selectors for descendants and direct children, then test each against a nested HTML example.
  • Use a box-model diagram to distinguish content, padding, border, and outline; note which affects spacing and which does not take up layout space.
  • Create a flex container with flex-direction: row and test main-axis alignment; separately compare relative positioning with normal document flow.
  • Try background-repeat values on a container smaller than its image, and observe how the rendered result changes.
Official sourceOfficial exam page ↗