WGU D276 Web development Final Exam Study Guide

WGU D276 Web development Final Exam Study Guide WGU D276 Web development Final Exam Study Guide What 2 code snippets can be used to increase the weight of a text's font to indicate that it is important? correct answer pstrong pb what code snippet can be used to style a word in bold? Example, I love you. (with LOVE in bold) correct answer pIstronglove/strongyou/p what code snipped indicates quotation marks? correct answer q/q pShe said,qGo take the garbage out/q/p what code snippet indicates a page break? correct answer br Radio Button correct answer Which attribute is used by all form fields? correct answer name which image file supports transparency? correct answer PNG Which tag is optional when creating an HTML table? correct answer caption What is true of container tags and empty tags? correct answer Container tags come in pairs and empty tags stand alone Which two attributes should be used within an image tag? correct answer alt and src Give an example of a semantic element correct answer nav what tag does not apply a default format or style? correct answer div which tag should contain introductory content? correct answer header What is the way a tag can be used? correct answer Linking to a specific location on the same page Which pair of characteristics is true of XML? correct answer Case sensitive and disallows errors Which pair of characteristics differentiate HTML from XML? correct answer HTML is static XML is extensible XML (Extensible Markup Language) correct answer Is used by businesses to interchange web site data with many different types of applications External CSS correct answer Allows element style updates to multiple pages from a single location Internal CSS correct answer What echnique for implementing CSS in an HTML file is used for page-level style declarations? link correct answer Tag used to reference an external CSS sheet within an HTML document Which style rule selects and formats every childless paragraph element? correct answer p:empty { Which CSS selector styles the first character of a sentence differently? correct answer ::first-letter Which CSS selector represents the first-child pseudo-class selector? correct answer :first-child Name a unit of absolute size correct answer px Which CSS selector is used to style general sibling elements? correct answer ~ What should be used to optimize a website for viewing across different devices and improve a user's experience? correct answer Responsive design What are two unique characteristics that define a polygon hot spot? correct answer Begins and ends at the same pair of coordinates Contains many pairs of coordinates Site Map correct answer Helps users find content throughout a website Which pseudo-class changes the background color of the link on mouse-over? correct answer a:hover Which pseudo-class can be used to change the default color of a link after it has been clicked by the user? correct answer a:visited Which unit of measurement sets the text size of the div element to be double that of the html element? correct answer rem Which two units make the size of an element responsive to screen size? correct answer vw vh A website developer needs to create a website that looks suitable on mobile, tablet, and desktop devices. Which type of web design should the developer use? correct answer Responsive Design Which CSS properties are used to specify the amount of space between grid columns and rows? correct answer column-gap and row-gap Which CSS rule should be used to create three columns of equal width? correct answer grid-template-columns: 1fr 1fr 1fr; What is the global setting in Bootstrap that affects the overall text appearance on a website? correct answer Typography Which Bootstrap installation option avoids bundling Bootstrap with the source code of a website? correct answer CDN Which type of Bootstrap library includes several symbols that can be used within a web page? correct answer Icons Which Firefox Developer Tools tab is used to view and edit cookies on a site? correct answer Storage Which Firefox Developer Tools tab displays how long a request took for each site resource type? correct answer Network What can be used to instantly apply changes to applied styles? correct answer Browser developer tools A website developer identifies an issue with a CSS property value taking precedence over an element. Which Firefox Developer Tools tab should the developer access to review CSS declaration precedence? correct answer Inspector Which Chrome DevTools tab is accessed to view logged JavaScript messages and run JavaScript? correct answer Console Use the given HTML document to answer the following question: !DOCTYPE html html body h1headerThis is the introduction statement/h1 /header pThis is the story I am telling/p /body /html Which error is present in this code? correct answer The header tag should be to the left of the h1 tag. li ... /li correct answer Defines a list item ol ... /ol correct answer Stands for ordered list. Creates a numbered list when used with the Li.../Li tags. list-style-type correct answer A CSS property that provides the ability to change the bullet used in an unordered list and offers more numbering options in an ordered list. Nested List correct answer A list that is an element of another list. A list within a list table ... /table correct answer An HTML structure that allows data to be organized in rows and columns. cell correct answer a location within an HTML table structure at a specific row and column tr ... /tr correct answer An HTML table row element; contains all the cells in a row th.../th correct answer An HTML table header; creates a cell whose content is centered and bold. Typically used for column and row headings td.../td correct answer Creates a table cell caption... /caption correct answer An HTML table element that displays its content above and centered its associated table. colspan correct answer attribute to make a cell span many columns rowspan correct answer attribute to make a cell span many rows thead.../thead correct answer An optional table header element that defines the table header tbody.../tbody correct answer An optional table body element that defines the table body tfoot..../tfoot correct answer An optional table footer that defines the table footer img correct answer an HTML element that displays an image in webpage src correct answer A mandatory attribute for many HTML elements that specifies the URL of an image or other resource to display in a webpage. alt correct answer A optional attribute to be used with the img element to support an alternative to displaying the image. It is a best practice to include this attribute. Aspect Ratio correct answer The ratio of an image width to the image height. It is written as width:height. JPEG (Joint Photographic Experts Group) correct answer Joint Photographic Experts Group - an image format commonly used for digital photographs. PNG (Portable Network Graphics) correct answer Portable Network Graphics - an image format commonly used for line art, screenshots, or images requiring transparency. GIF correct answer Graphics Interchange Format - an image format commonly used for simple animated images. Lossy Compression correct answer Compression used by JPEG images. Some of the original picture information is lost when compressed. Lossless Compression correct answer Compression used by PNG and GIF images that does not lose quality. This type of compression works best when a large number of adjacent pixels are the same color. True Color correct answer 24-bit color used by JPEG and PNG images, which is approximately 16 million different colors. Favicon correct answer A small icon that identifies a website and typically displays in a browser tab. Anchor Tag correct answer defines a hyperlink in a web page Hyperlink correct answer Specifies where other information is located and what action the web browser should perform when a user clicks the hyperlink. hypertext reference (HREF) attribute correct answer Specifies the hyperlink's URL mailto correct answer Hyperlink used to send requests and responses over the Internet without encryption. file (hyperlink) correct answer Hyperlink used to refer to a document on the same computer as the web browser. Absolute URL correct answer A complete URL that includes a scheme (http://, https://, etc.) Relative URL correct answer Specifies the relative path to the web resource with no scheme or hostname. ID Attribute correct answer Creates a fragment identifier, permitting URLs to link directly to the id's location in the document. graphical hyperlink correct answer Also known as an Image Link, uses an image inside a hyperlink instead of text. target attribute correct answer indicates how a browser should display the link when clicked Entity correct answer A mechanism for writing special characters or symbols in HTML   correct answer Non-breaking space HTML entity Wireframe correct answer the blueprint from which a website will be built Container correct answer Any part of a web document body that has opening and closing tags. Block element correct answer An element that fills the width of the element's parent container and can contain other block elements, inline elements, and text. div.../div correct answer A generic element for creating block containers to facilitate managing page content and is the only block element with no semantic meaning. Inline Element correct answer An HTML element that fills the minimum space possible in the element's parent container and can only text or other inline elements. span.../span correct answer The generic element for creating inline containers to facilitate managing content on the page. form.../form correct answer Allows the web browser to submit information form the user to the server. Action Attribute correct answer Indicates the URL where the form data should be sent. Method Attribute correct answer Indicates the HTTP request type the browser will use to communicate with the server. get method correct answer A technique used by a web browser to submit information to a web server by altering the URL of the HTTP request. post method correct answer A technique used by a web browser to submit information to a web server by sending the information in the HTTP request body. enctype attribute correct answer Used with a value of "multipart/form-data" indicates the web browser should split a POST request into multiple parts, where each input field is sent as a separate part of the HTTP request message. widge correct answer interactive graphical component used to interact with a user Type attribute, Name attribute, id attribute, placeholder attribute, value attribute- all associated with widget's functionality label.../label correct answer displays descriptive text associated with a specific widget textarea.../textarea correct answer A widget specified by opening and closing tags that allows users to enter multiple lines of text. Allows users to select one of several predefined values. Requires option.../option elements for each predefined value. correct answer Drop-Down Menu !Important correct answer A CSS rule that may be used on a style declaration to override other declarations and disregard specificity. A scripting language used to provide interactivity within a webpage correct answer JavaScript W3C (World Wide Web Consortium) correct answer Creates ALL web standards JavaScript code does NOT- correct answer need to reside in HTML documents to run How many DNS servers currently exist in the world? correct answer 13 What is the most popular top-level domain name? correct answer .com What is the Third-level domain in the following multi-level domain name? correct answer cs What are the 5 parts of a URL? correct answer Fragment Hostname Path Query String Scheme Regarding the parts of a URL, what is a Fragment? correct answer Optional characters at the end of a URL that start with a hash symbol (#) and refer to a certain location within a webpage. Regarding a URL, what is a Query String? correct answer Optional characters to the right of the question mark (?) in a URL that provide data for the web server. What is Linkrot? correct answer The general name for a once valid link that now returns a 404 status code. What is the use of artificial intelligence (AI) and access to vast amounts of data to simulate human problem solving in complex situations? correct answer Cognitive Computing flexible box or flexbox correct answer Which CSS layout mode provides an efficient way to lay out elements in a container so the elements behave predictably when the container is resized or viewed on different screen sizes? What CSS property defines the direction of flex items within the container using values? correct answer flex-direction Which three (3) CSS properties determine a flex item width? correct answer flex-basis flex-grow flex-shrink grid layout correct answer Which CSS layout mode divides a web page into a rectangular grid in which to position page elements? What three (3) CSS properties control grid item placement in a specific row or column or span multiple rows and/or columns? correct answer grid-area grid-column grid-row Name four (4) values that the CSS position property uses to control where elements should appear in the browser. correct answer absolute fixed relative static What CSS position property value positions an element relative to the nearest positioned ancestor? correct answer absolute What CSS property is used to specify a relative distance that orders the appearance of elements? correct answer z-index What 4 values do the text-shadow CSS property use? correct answer blur-radius color offset-x offset-y What CSS rule defines a CSS animation behavior? correct answer @keyframes What is the functional purpose of HTML in web design? correct answer It is the file structure for a browser to render a webpage What types of code editors are not appropriate for HTML and CSS development? correct answer Word processor Describe the differences between HTML and XML correct answer HTML files and XML files have different file extensions (.html and .xml). HTML is a display language, while XML is a data storage language. Which characteristic of XML indicates it is an extendable markup language? correct answer The set of XML tags is unlimited. What is the purpose of the CSS3 standard? correct answer Page layout and design for Web2.0 DHTML supports content display from remote resources, AJAX supports its display in a browser. correct answer What is the difference between AJAX and DHTML? Which options are usual style properties of the HTML5 img... tag? correct answer Height Width How do vector-based graphics differ from rasterized (bitmap) graphics? correct answer Vector-based graphics are rendered mathematically. In which phase of the project lifecycle are HTML and CSS files coded? correct answer Design and Development Which phase of the web page life cycle is concerned with deprecated hyperlinks? correct answer Deployment and maintenance What is the difference between web page responsiveness and efficiency? correct answer Responsiveness is about the correct display of a web page on different devices, while efficiency is about the display time of a web page. Which language is not used to connect with a server-side programming language for web development? correct answer HTML What is a popular and common approach to storing and retrieving database information for webpage display? correct answer MySQL relational DBMS and PHP interface head.../head correct answer The ___ element is used to contain meta tags, links to style sheets, and the title element. !DOCTYPE declaration correct answer This declaration identifies the HTML used to create the webpage. meta correct answer The ___ element is used to specify information about the document, such as a character set, author, and viewport. What element contains the entire document code? correct answer html.../html What element identifies the document title? correct answer title.../title class correct answer Identify the attribute in this snippet of code Should HTML be used to inform others about important elements used with in the webpage code? correct answer YES HTML comments should be used to ensure that the addition of random white space will not affect rendering in browsers. correct answer NO! HTML comments can be used to remind you of why you inserted a particular piece of code correct answer YES! True! HTML comments can be used to disable code to see how a page will appear without a particular markup element correct answer TRUE! YES!! What are some examples of empty, or void element tags? correct answer br hr img... meta According to the HTML Living Standard, what defines the minimal parts of an HTML document? correct answer !DOCTYPE html, html, head, meta, title, and body In web development, what is a deprecated feature? correct answer Part of a language that is officially discouraged because newer or better features exist. Whitespace correct answer An unprinted character such as the spaces between words and lines of text. It is NOT a good practice to use the br, or line break, element to add space or control formatting of a webpage correct answer It is NOT a good practice to use the br, or line break, element to add space or control formatting of a webpage The br tag has NO closing tag correct answer The br tag has NO closing tag How many heading element tags are there? correct answer 6 An ordered list ol.../ol should be used for what type of list? correct answer A NUMBERED list not a bulleted list An HTML structure that allows data to be organized in rows and columns correct answer table.../table What HTML element creates a table row, which contains all of the row cells? correct answer tr.../tr What 3 optional tags allow scrolling of the table body independently from the table header and table footer? correct answer tbody.../tbody tfoot.../tfoot thead.../thead The img element is: correct answer A void element Has no closing tag img attributes correct answer src- mandatory attribute that specifies the URL of an image file to display alt- is a best practice to include Are width and height attributes optional img attributes? correct answer Yes-- they are optional, but they tell the browser how many pixels the image should occupy Hyperlinks can contain... correct answer More than just text The Target Attribute (html) correct answer specifies where to open the linked document CAN be used on image links An HTML entity always begins with- correct answer an ampersand (&) and ends with a semi-colon (;) What required form attribute specifies the manner in which the browser will send form data to a web server? correct answer method What required form attribute specifies the name and location of the CGI script used to process the form? correct answer action What form method attribute value instructs the browser to append the form data to the URL for use in a query string? correct answer get Identify the query string in the following URL: What form method attribute value allows sending more characters and is slightly more secure when submitting a Web-based form? correct answer post In HTML, what is a container? correct answer Part of a web document body that has opening and closing tags. Which HTML element is a generic element for creating inline containers to facilitate managing content on a webpage. This element has no semantic meaning. correct answer span.../span Name the 5 primary attributes for a input element correct answer id name placeholder type value What input attribute provides a hint to the user about the information being requested? correct answer placeholder What attribute inside the label.../label element is used to associate the label with a widget? correct answer for An option.../option element must have a value attribute. correct answer This is FALSE Name 4 input types that exist for entering specific types of text. correct answer email search tel url A fallback is a mechanism that allows a web page element to function... correct answer correctly even if the browser does not support a particular element Name 4 common attributes that the audio.../audio element includes: correct answer autoplay controls loop muted What 2 audio formats are supported by nearly all web browsers? correct answer AAC MP3 In what year did the number of internet users surpass 3 billion? correct answer 2015 Name 3 optional tags that browsers may use to allow scrolling of the table body independently from the table header and table footer: correct answer tbody.../tbody tfoot.../tfoot thead.../thead What types of elements can be inside a block element? correct answer Both inline and block elements. The audio.../audio element can play audio as soon as: correct answer the audio file has downloaded to the browser. Developer guidelines suggest that you should always provide labels and/or placeholders for: correct answer widgets XML simplifies the coding process regarding: correct answer Data Availability Data Sharing Data Transport Platform Changes How does XML provide a software- and hardware-independent way of storing, transporting, and sharing data? correct answer By storing data in plain text format What does proper nesting mean in the XML context? correct answer When a nested XML element is opened inside the parent element, it must be closed inside the parent element. Name 3 things a CSS rule consists of: correct answer declaration declaration block selector What is the definition of a CSS declaration: correct answer A CSS property followed by a colon (:) and the property value A website should use an external stylesheet to create styles that apply to all web pages. correct answer A website should use an external stylesheet to create styles that apply to all web pages. What is a selector called that includes a comma-delimited list of selectors at the beginning of one CSS rule? correct answer multiple selector Which CSS selector, specified by using a plus character (+) between two selectors, matches an element that immediately follows another element, where both elements have the same parent? correct answer adjacent sibling What does the CSS color property control? correct answer text color An absolute size is a size that is fixed and independent of other CSS sizes. Give examples of absolute size units: correct answer cm - centimeters in - inches mm - millimeters pc - pica pt - points px - pixels Some web pages use a ___ ___, which uses a fixed-width container to envelop the web page content. correct answer fixed layout A web page that uses a ___ ___ allows the page contents to fill the browser, sometimes by using percentages for widths. correct answer fluid layout ich CSS property justifies the flex items within the container using values: flex-start (default), flex-end, center, space-between, or space-around? correct answer justify-content What is an element that has the CSS property display set to grid to create a block-level container or inline-grid to create an inline container? correct answer grid container Name the four (4) values that the CSS position property uses to control where elements should appear in the browser. correct answer absolute fixed relative static A property that is listed in the from keyframe selector but not in the to keyframe selector will not be animated. correct answer A property that is listed in the from keyframe selector but not in the to keyframe selector will not be animated. A CSS transition animates an element transition from one state to another when an element CSS property changes value. correct answer A CSS transition animates an element transition from one state to another when an element CSS property changes value. JavaScript does not run as quickly on: correct answer a mobile web browser. What are the two main types of HTML errors you will encounter? correct answer syntax and logic errors What is a difference between HTML and the DOM? correct answer when the DOM is manipulated using devtools, the HTML source code does not change Which devtools panel shows how the DOM currently looks in the web page? correct answer the Elements panel Which keyboard shortcut can you use to save changes in workspaces? correct answer control + s What is the difference between viewing HTML via the page source versus the inspector? correct answer the inspector displays HTML as represented by the rendered DOM What form element is mutually exclusive, meaning only one (1) option can be selected by the user? correct answer Single-Option Select List What is the XML equivalent to the HTML Doctype declaration? correct answer The XML prolog XML documents must contain one root element that is the parent of all other elements. correct answer XML documents must contain one root element that is the parent of all other elements. 3 ways CSS can be implemented are: correct answer embedded, external and inline Name 3 valid float property values- correct answer left, none, right Elements with higher z-index values are NOT placed below elements with lower z-index values correct answer Elements with higher z-index values are NOT placed below elements with lower z-index values correct answer XML Tags can be invented Give examples of selectors known as combinators: correct answer adjacent sibling child descendant general sibling Give examples of valid ways that we can specify color: correct answer Hexadecimal color HSL color value RGB color value RGBA color value What is an element that has the CSS property display set to grid to create a block-level container or inline-grid to create an inline container? correct answer grid container Give examples of properties to be used with the box-shadow CSS property: correct answer blur-radius color inset offset-x offset-y spread-radius Name 2 ways that CSS transitions differ from CSS animations: correct answer Transitions execute when an element property values are changed, unlike CSS animations that execute at a particular time. Transitions provide less control over the animation than CSS animations. The CSS _____________ appearance is used to control a widget appearance based on the operating system theme. Setting appearance to none hides the widget. correct answer property True What do we call a set of extensions to CSS that allow properties to use variables, arithmetic, and functions? correct answer SassScript What is the easiest method for opening the Chrome devtools? correct answer pressing the f12 key on your keyboard while using Chrome A CSS Selector is used to: correct answer Select the HTML elements you want to style Simple selectors correct answer select elements based on name, id, class Combinator selectors correct answer select elements based on a specific relationship between them pseudo-class selector correct answer select elements based on a certain state pseudo-element selector correct answer select and style a part of an element attribute selector correct answer selects an element to style based on an attribute and/or attribute value. If the MARGIN property has 4 values- margin: 25px 50px 75px 100px THEN? correct answer top margin is 25px right margin is 50px bottom margin is 75px left margin is 100px If the margin property has three values: margin: 25px 50px 75px THEN? correct answer margin: 25px 50px 75px; top margin is 25px right and left margins are 50px bottom margin is 75px If the margin property has two values: margin: 25px 50px; correct answer top and bottom margins are 25px right and left margins are 50px If the margin property has one value: margin: 25px THEN? correct answer All 4 margins have the same value (25px in this example)