test prep
The values of HTML attributes are surrounded by the following symbols:
" " (double quotes)
Identify the symbol used to style a CSS id
#
Identify the symbol used to style CSS where, by default, all elements will be styled and is referred to as the universal selector
*
Identify the symbol used to style a CSS class
.
Identify the symbol used to identify an ending/closing HTML tag
/
CSS comments are identified by the following symbols
/* */
HTML comments are identified by the following symbols
<!-- -->
Examples of empty elements are: (select all that apply).
<br> <img> <hr>
Identify the element that can be used to define a division between page themes as well as separate content on a web page
<hr>
A valid HTML document must include, at minimum, the following HTML elements(select all that apply):
<html> <head> <body>
A web page must consist of at least these 3 elements to be considered a valid page. Select the three that apply best
<html> <title> <body>
Identify the elements that display as inline elements
<i> <emphasis>
Write the correct and most efficiently written code for an image having 3 inline ids called blk, backgr and red
<img id="bl backgr red" src="images/pic1.jp" alt="Image">
Identify the elements that display as inline-block elements
<img>
Write the correct and most efficiently written code for a paragraph having 2 inline classes called blk and backgr
<p class="blk backgr"> This is a paragraph</p>
Identify the elements that display as block elements:
<table> <ol> <ul> <p> <div>
Identify the element that display text on the browser tab:
<title>
Explain the purpose of HTML
A scripting programming language that is interpreted by the browser and is used to create web pages and is considered to be the structure layer of a web page.
Identify the 1 default characteristic that makes an element having a block element display type different from an inline-block element:
An element having a block display has a built in line break where the inline-block does not have the built in break.
Identify the default characteristics that are the same for an element having the display type of block or an inline-block.
Both elements may have all 4 sides of the padding, border and margin styled.
Identify the software application that is used to interact with a web page and a web server.
Browsers
Explain the purpose of CSS
Contains hierarchical information as to how the content of a web page will be rendered (displayed) in a browser and is considered to be the presentation layer.
Another meaning of the phrase "to render a web page" means to _______ a web page
Display
Identify the symbol(s) used to style CSS for individual element types:
Html element
Identify the type of CSS selector that can used to style ONLY one element in a web document:
ID
Explain what the "CSS Equal Specificity: latest rule counts" means to you as a developer
If the same rule is written twice into the external style sheet, then the lower rule in the style sheet which is closer to the element to be styled, will be applied.
Explain "Order of Precedence" as it relates to CSS
The CSS styles applied closer to the element have priority. Inline has priority over embedded styles.
Explain the purpose of the "charset" attribute of the <meta> element:
The purpose is for the browser to translate the web page html file from the machine language data type into the data displayed on the web page.
Explain the purpose of the "viewport" attribute of the <meta> element
The purpose is to define and control the viewable screen area of a web page and displays the data according to the size of the screen.
Explain what the phrase "Normal Flow" means to web development:
The way an element naturally displays on a web page without using any CSS styling code or HTML attributes that change the display of an element.
Explain what it means to render a web page:
To render a web page is another term as to how the browser displays the web page.
The white space that appears in between the element code in an HTML file will not be processed by the browser.
True
Identify the attribute that is needed to provide accessibility text to the <img> element.
alt
Identify the attribute that provides text when the image does not display and is useful for accessibility screen readers
alt
Identify the characteristics between an inline element and a block line element different without the use of CSS of HTML attributes(select all that apply)
an inline element takes up as much space as needed basic on the content size. A block level element takes up as much space as the parent element has available. A block element has a default line break. Developers may style the padding, border and margin on all 4 sides of a block element. For inline elements, developers may style the border on all 4 sides as well as the padding and margin on only the left and right sides of an inline element.
Identify the type of CSS selector(s) that may be used to style one or more elements on a web page(select all that apply):
class HTML element The universal selector.
Elements that do not have an ending tag is considered to be this type of element:
empty element
Identify the attribute that provides a link to a resource for the <a> element:
href
Identify the attribute used to link to the location of an external document such as an external style sheet
href
Identify the 4 types of selectors you have been working with to date
id, class, universal selector, HTML elements.
Identify the 3 places in the HTML code where CSS code can be inserted (select all that apply)
in the line of a starting element using the "style" attribute. Inserted into the <style> element nested inside the <head> element. Referenced via a <link> element nested inside the <head> element.
The white space that surrounds your HTML and CSS code in an HTML text file ________ by the browser
is ignored by the browser
To include styles in an HTML document, you can use external style sheet, embedded styles or inline styles. Identify the element you would use to style external styles.
link
Within a CSS rule set, a declaration(rule) includes these two pieces of information
property value
To include styles in an HTML document, you can use an external style sheet using the <link> element, embedded or internal styles using the <style> element or use inline styles that use the ________ attribute.
style
To include styles in an HTML document, you can use external style sheet, embedded styles or the ______ attribute to provide inline styles
style
Identify the attribute that provides a link to an image
title
Identify the attribute that provides text when the mouse hovers of the image:
title
Identify the attribute used to identify the media or file type of a linked document or type of media
type
