Microsoft Microsoft Certifications 98-383 Questions & Answers

• Question 21:

  HOTSPOT

  You are designing a webpage for your company. The page must be responsive so that it can be viewed on both mobile and desktop browsers.

  On mobile browsers, or those with a screen width of less than 768 pixels you want to display a welcome background image named SmalLogo.png. On all other browsers, you want to display a welcome background image named

  NormalLogo.png.

  How should you complete the code? To answer, select the appropriate code segment in the answer area.

  NOTE: Each correct selection is worth one point.

  Hot Area:

  

  Correct Answer:

  

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

  A webpage contains the following HTML:

  

• Question 22:

  HOTSPOT

  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:

  

  Correct Answer:

  

  You are creating an About Us webpage for Northwind Traders. You want to complete the CSS rule set to display the paragraph as shown in the following example:

  

• Question 23:

  HOTSPOT

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

  Hot Area:

  

  Correct Answer:

  

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

• Question 24:

  HOTSPOT

  You are analyzing the following CSS for an element on a page: background: #0000FF url(“Watermark.png”) repeat-x right;

  For each of the following statements, select Yes if the statement is true. Otherwise, select No.

  Hot Area:

  

  Correct Answer:

  

  References: https://www.w3schools.com/cssref/pr_background-repeat.asp https://www.w3schools.com/cssref/pr_pos_right.asp

• Question 25:

  HOTSPOT

  You are designing a webpage for your company. You want to display an image named contoso.png on the page. If the user's Internet connection is slow, or if the user is visually impaired, you want the text Contoso Logo to be displayed or

  read aloud.

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

  Hot Area:

  

  Correct Answer:

  

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

• Question 26:

  HOTSPOT

  You need to display an image of an HTML5 logo in one of your webpages. If the page renders slowly, the text “HTML Icon” should display as the image loads. How should you complete the markup? The answer, select the appropriate markup segments in the answer area.

  Hot Area:

  

  Correct Answer:

  

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

• Question 27:

  DRAG DROP

  You need to create the following web page:

  

  Which five markup segments should you use to develop the solution? To answer, move the appropriate markup segments from the list of markup segments to the answer area and arrange them in the correct order.

  Select and Place:

  

  Correct Answer:

  

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

• Question 28:

  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.

  Select and Place:

  

  Correct Answer:

  

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

• Question 29:

  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.

  Select and Place:

  

  Correct Answer:

  

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

• Question 30:

  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.

  Select and Place:

  

  Correct Answer:

  

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