Certification Provider: Microsoft
Exam Name: Introduction to Programming Using HTML and CSS
Exam Code: 98-383
Official Exam Time: 45 mins
Number of questions in the Official Exam: 40-60 Q&As
Latest update time in our database: September 27,2023
98-383 Official Exam Topics:
  • Topic1 : Understand HTML Fundamentals (10-15%)
  • Topic2 : Construct markup that uses metadata elements / script; noscript; style; link; meta tags, including encoding, keywords, viewport, and translate
  • Topic3 : Construct well-formed markup that conforms to industry best practices / Understand CSS Fundamentals (15-20%)
  • Topic4 : Analyze the impact of using inline styles, internal style sheets, and external style sheets / when to use inline styles; when to use internal style sheets; when to use external style sheets; precedence when using a combination of inline styles and style sheets
  • Topic5 : Construct and analyze rule sets / valid syntax for the CSS rule set; selectors, including class, id, elements and pseudo-class
  • Topic6 : Construct well-formed style sheets that conform to industry best practices / Structure Documents Using HTML (30-35%)
  • Topic7 : Construct and analyze markup to structure content and organize data / Construct and analyze markup that implements navigation
  • Topic8 : image links; a; target; bookmark; relative versus absolute links; navigating simple folder hierarchies / Construct and analyze markup that uses form elements
  • Topic9 : form attributes; action; method; submission methods; accessibility; input types and restrictions; select; textarea; button; output; option; datalist; fieldset / Present Multimedia Using HTML (10-15%)
  • Topic10 : Describe the appropriate use of the img, svg, and canvas elements / Construct and analyze markup that plays video and audio
  • Topic11 : video; audio; track; source; simple iframe implementations / Style Web Pages Using CSS (20-25%)
  • Topic12 : Construct and analyze styles that position content / positioning, including float, relative, absolute, max-width, overflow, height, width, and align; inline versus block; visibility; box model, including margins and padding
  • Topic13 : Analyze styles that implement a simple responsive layout /

How should you complete the markup?

DRAG DROP

You are creating an HTML page that displays a how-to guide for a card game. You want to use the browser’s default style sheet.

You need to display the following content:

How should you complete the markup? To answer, drag the appropriate HTML elements to the correct locations. Each element may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content.

NOTE: Each correct selection is worth one point.

Answer:

Explanation:

References: https://www.w3schools.com/tags/tag_hn.asp https://www.w3schools.com/tags/tag_hr.asp

How should you complete the code?

DRAG DROP

You want to complete the pseudo class for link elements so that the links appear red when the page loads, green when the link is clicked, orange when the cursor moves over the link, and blue if the link was clicked previously.

How should you complete the code? To answer, drag the appropriate CSS selector to the correct locations. Each selector may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content.

Answer:

Explanation:

References: https://www.w3schools.com/cssref/css_selectors.asp

What response can you expect for each event type?

DRAG DROP

Your company uses Microsoft 365 with a business support plan. You need to identify Service Level Agreements (SLAs) from Microsoft for the support plan.

What response can you expect for each event type? To answer, drag the appropriate responses to the correct event types. Each response may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content. NOTE: Each correct selection is worth one point.

Answer:

Explanation

Explanation:

References:

https://docs.microsoft.com/en-us/office365/servicedescriptions/office-365-platform-service-description/ support

How should you complete the markup?

Orange

This page will test your ability to remember the order of the preceding items.

Glance at the list for 3 seconds.

Then close your eyes and recite the items in the order listed.

How should you complete the markup? To answer, select the appropriate markup segment in the answer area. NOTE: Each correct selection is worth one point.

Answer:

Explanation:

References: https://www.w3schools.com/tags/default.asp

The external stylesheet named mystyles.css contains the following three rules

HOTSPOT

The external stylesheet named mystyles.css contains the following three rules.

The head section of a webpage contains the following markup:

The following elements appear within the body of the webpage:

For each of the following statements, select Yes if the statement is true. Otherwise, select No. NOTE: Each correct selection is worth one point Hot Area:

Answer:

Explanation:

References: https://www.w3schools.com/css/css_howto.asp

How should you complete the markup?

HOTSPOT

You are creating an image link to the clients.html page. When the visitor clicks on the clients.gif graphic, the clients.html page must display in a new window. The graphic must provide text for screen readers and display text while the page is loading.

How should you complete the markup? To answer, select the appropriate markup segments in the answer area.

Answer:

Explanation:

References: https://amylynnandrews.com/html-clickable-image/ https://www.w3schools.com/html/html_images.asp

What should you do?

You are analyzing a form that sends multiline comments to another page on the Internet.

The following is the form’s markup:

No data is sent when the form is submitted. You need to solve this problem so that the data in the text box is submitted.

What should you do?
A . Replace the textarea element with an input element.
B . Set the name attribute of the textarea element.
C . Change the value of the method attribute to get.
D . Set the id attribute of the form element.

Answer: C

Explanation:

References: https://www.w3schools.com/tags/att_form_action.asp

How should you complete the markup?

HOTSPOT

You are creating a website for a florist.

The home page contains images of different types of flowers. When the user clicks on a flower, another webpage will load that displays flowers of that type sold by the florist.

The link for carnations must meet the following requirements:

– The image carnation.png must be displayed.

– When the image is clicked, the page carnations.html must load.

How should you complete the markup? To answer, select the appropriate markup segments in the answer area.

Answer:

Explanation:

References: https://www.w3schools.com/html/html_links.asp

How should you complete the markup?

DRAG DROP

You are creating a page on your personal website to display your family portrait. You need to make sure that browsers display the text Family Portrait before the photo is downloaded.

How should you complete the markup? To answer, drag the appropriate markup segment from the column on the left to its correct position on the right. Each markup segment may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content.

Answer:

Explanation:

References: https://www.w3schools.com/tags/tag_img.asp