HTML & CSS 1
Which statement is FALSE about hexadecimal color values? Consider the color code "#00FF33". a. Hexadecimal color codes are the best way to code color on web pages. b. There are 2 characters for each of 3 colors in the color code, for a total of 6 characters. c. The color code always has a "#" first, like "#330066". d. The order of colors represented is always red, green, blue.
a. Hexadecimal color codes are the best way to code color on web pages.
Which of the following configures a CSS class called news with red text (#FF0000) and light gray background (#EAEAEA)? a. news { color: #FF0000; background-color: #EAEAEA; } b. .news { color: #FF0000; background-color: #EAEAEA; } c. .news { text: #FF0000; background-color: #EAEAEA; } d. #news {color: #FF0000; background-color: #EAEAEA; }
b. .news { color: #FF0000; background-color: #EAEAEA; }
Which of the following creates an image link to the index.html page when the home.gif graphic is clicked? a. <a href="index.html" src="home.gif" alt="Home"></a> b. <a href="index.html"><img src="home.gif" alt="Home"></a> c. <img src="home.gif" href="index.html" alt="Home"> d. <a src="home.gif"><img src="home.gif" alt="Home"></a>
b. <a href="index.html"><img src="home.gif" alt="Home"></a>
A domain name that ends in .net indicates that the website is for a networking company.
FALSE
The World Wide Web was developed to allow companies to conduct e-commerce over the Internet.
FALSE
__________ is the set of markup symbols or codes placed in a file intended for display on a web browser.
HTML
id selector named "chosen" in CSS
#chosen { background-color: yellow }
Inline CSS
CSS rules coded in the body of the web page as an attribute oh an HTML tag, which apply only to that one tag
Web page documents typically use the or file extension.
.htm, .html
Embedded CSS
CSS rules coded in the <style> tag, which is in the <head> tag, which apply to all occurrences of those tags in the document
True or False: The Internet and the World Wide Web are the same thing.
False
Which CSS property will configure the font typeface? a. font-face b. font-style c. font-family d. typeface
c. font-family
Which of the following can be a CSS selector? a. an HTML element name b. a class name c. an id name d. all of the above
d. all of the above
What are the elements in every single web page you create?
html, head, title, meta, body
The home page of a website is typically named or .
index.htm, index.html
Which of these is an HTML element used to indicate navigational content? a. nav b. header c. footer d. p
nav
Who owns and controls the World Wide Web?
no one
Which of the following associates a web page with an external style sheet? a. <style rel="external" href="style.css"> b. <style src="style.css"> c. <link rel="stylesheet" href="style.css"> d. <link rel="stylesheet" src="style.css">
c. <link rel="stylesheet" href="style.css">
class selector named "special" in CSS
.special { color:red; }
Which tag is used to hyperlink web pages to each other? a.<hyperlink> tag b.<a> tag c.<link> tag d.<body> tag
<a> tag
Which tag configures the following text or element to display on a new line? a.<new line> b.<nl> c.<br> d.<line>
<br>
id selector "chosen" used in HTML
<div id="chosen">
Which tag pair configures the largest heading? a.<h1> </h1> b.<h9> </h9> c.<h type="largest"> </h> d.<h6> </h6>
<h1> </h1>
class selector "special" used in HTML
<p class="special">
Which tag pair configures a paragraph? a. <para> </para> b. <paragraph> </paragraph> c. <p> </p> d. <body> </body>
<p> </p>
External CSS
CSS rules stored in a text file with a .css file extension, linked into any number of web documents
How do you code a special entity character? a. It begins with an ampersand (&) and ends with a semicolon (;), for example: © b. It begins with an ampersand (&) with nothing special at the end, for example, © c. It begins and ends with an ampersand (&), for example, ©& d. It begins with an ampersand (&) and ends with a period, for example, ©.
It begins with an ampersand (&) and ends with a semicolon (;), for example: ©
Markup languages contain sets of directions that tell web browser software how to display and manage a web document.
TRUE
Which statement is true? a. The W3C Markup Validation Service describes how to fix the errors in your web page b. The W3C Markup Validation Service lists syntax errors in a web page c. The W3C Markup Validation Service is only available to W3C members. d. None of these statements are true.
The W3C Markup Validation Service lists syntax errors in a web page
Which 3 statements are true? a. The head tag always contains at least 2 other tags: title and meta. b. Heading tags are h1, h2, h3, etc., and are always inside the body tag. c. Heading tags must be inside the head tag. d. The head tag is inside of the body tag. e. The header tag is inside the body and contains headings and content. f. The header tag is the same thing as the head tag.
The head tag always contains at least 2 other tags: title and meta, Heading tags are h1, h2, h3, etc., and are always inside the body tag, The header tag is inside the body and contains headings and content
Which statement is NOT TRUE about the alt attribute of the <img> tag? a. It is an optional attribute, so you can code images without it. b. It provides text about the image which can be displayed if the image doesn't load. c. It provides the text that a screenreader reads aloud to a user. d. The text of the alt attribute can be displayed in a mobile browser instead of the image.
a. It is an optional attribute, so you can code images without it.
If you use images as navigation links, how do you make the page accessible to all users? Select 2. a. Provide a set of plain text navigation links on the page (usually the footer area) b. Put an alt attribute in every image tag that has exactly the same text as seen in the image. c. Make the images larger to be more easily viewed. d. Include text with the image tag so both appear together in the navigation link.
a. Provide a set of plain text navigation links on the page (usually the footer area) b. Put an alt attribute in every image tag that has exactly the same text as seen in the image.
Which statement is FALSE about the following CSS rule? font-family: Arial, Helvetica, sans-serif; a. The browser requires 3 choices to be able to assign the font. b. The browser will use the first font listed, if it exists on the computer. c. The browser will attempt to use the fonts in the order listed. d. Not all fonts are loaded on every computer, so listing multiple fonts provides alternative choices.
a. The browser requires 3 choices to be able to assign the font.
What is wrong with the following CSS rule about fonts? font-family: Times New Roman, Georgia, Palatino, serif; a. Times New Roman needs quotation marks because the name is more than one word. b. There can only be 3 choices of font. c. The rule should say "font", not "font-family". d. Each font name should have quotation marks around it.
a. Times New Roman needs quotation marks because the name is more than one word.
Which attribute specifies text that is available to browsers and other user agents that do not support graphics? a. alt b. text c. src d. accessibility
a. alt
Which of the following configures a background color of #FFF8DC for a web page using CSS? a. body { background-color: #FFF8DC; } b. document { background: #FFF8DC; } c. body {bgcolor: #FFF8DC;} d. body { color: #FFF8DC; }
a. body { background-color: #FFF8DC; }
Which of the following is a mobile web design best practice? a. configure a single-column page layout b. configure a multiple-column page layout c. avoid using lists to organize information d. embed text in images wherever possible
a. configure a single-column page layout
What are the principles of visual design that you should use on your web site? a. repetition, contrast, proximity, alignment b. perceivable, operable, understandable, robust c. accessible, readable, maintainable, reliable d. hierarchical, linear, random, sequential
a. repetition, contrast, proximity, alignment
Which of the following describes two components of CSS rules? a. selectors and declarations b. properties and declarations c. selectors and attributes d. none of the above
a. selectors and declarations
Which statement is FALSE about domain names? a.A domain name includes the "www" at the beginning of the URL. b.It is a name associated with a unique IP address assigned to a device. c.Top-level domains are generic, like "com", or a country code, like "uk" for the United Kingdom. d.The DNS stores domain names with IP addresses and is used to send an HTTP request.
a.A domain name includes the "www" at the beginning of the URL.
Which statement is FALSE about a DTD? a.It is the second line of the document, after <html>. b.It is a Document Type Definition. c.It specifies which version of HTML was used in the document. d.It is commonly called a DOCTYPE statement.
a.It is the second line of the document, after <html>.
Why should you include height and width attributes on an <img> tag? a. They are required attributes and must always be included. b. They help the browser reserve the appropriate space for the image. c. They help the browser display the image in its own window. d. None of the above.
b. They help the browser reserve the appropriate space for the image.
Which of the following do you configure to apply a style to more than one area on a web page? a. id b. class c. group d. link
b. class
Which of the following is not a web design recommended practice? a. design your site to be easy to navigate b. colorful pages appeal to everyone c. design your pages to load quickly d. limit the use of animated items
b. colorful pages appeal to everyone
An External Style Sheet uses the file extension. a. ess b. css c. htm d. No file extension is necessary
b. css
Which of the following is the design technique used to create pages that stretch to fill the browser window? a. fixed b. fluid c. wireframe d. sprites
b. fluid
Which of the following are the three most common methods of organizing websites? a. horizontal, vertical, and diagonal b. hierarchical, linear, and random c. accessible, readable, and maintainable d. none of the above
b. hierarchical, linear, and random
Which type of CSS is coded in the body of the web page as an attribute of an HTML tag? a. embedded b. inline c. external d. imported
b. inline
Which declaration configures an unordered list item with a square list marker? a. list-bullet: none; b. list-style-type: square; c. list-style-image: square; d. list-marker: square;
b. list-style-type: square;
What is the process of creating an image with the lowest file size that still renders a good-quality image—balancing image quality and file size? a. progressive enhancement b. optimization c. usability d. image validation
b. optimization
Which are the four principles of the Web Content Accessibility Guidelines? a. contrast, repetition, alignment, and proximity b. perceivable, operable, understandable, and robust c. accessible, readable, maintainable, and reliable d. hierarchical, linear, random, and sequential
b. perceivable, operable, understandable, and robust
What is the process of ensuring that web pages that are coded with new or advanced techniques are still usable in browsers that do not support the new techniques? a. validation b. progressive enhancement c. valid enhancement d. optimization
b. progressive enhancement
The purpose of is to ensure the integrity of the communication. a.IP b.TCP c.HTTP d.FTP
b.TCP
Select the item below that indicates the top-level domain name for the URL http://www.mozilla.com. a.http b.com c.mozilla d.www
b.com
What is a unique text-based Internet address corresponding to a computer's unique numeric IP address called? a.IP address b.domain name c.URL d.user name
b.domain name
Which of the following would a consistent website design not have? a. a similar navigation area on each content page b. the same fonts on each content page c. a different background color on each page d. the same logo in the same location on each content page
c. a different background color on each page
Which of the following recommended design practices applies to a website that uses images for its main site navigation? a. provide alternative text for the images b. place text links at the bottom of the page c. both a and b d. no special considerations are needed
c. both a and b
Which of the following should you do when creating text hyperlinks? a. create the entire sentence as a hyperlink b. include the words "click here" in your text c. use a key phrase as a hyperlink d. none of the above
c. use a key phrase as a hyperlink
Which configures a class called news with red text, large font, and Arial or a sans-serif font using CSS? a. news { text: red; font-size: large; font-family: Arial, sans-serif; } b. .news { text: red; font-size: large; font-family: Arial, sans-serif; } c. #news { color: red; font-size: large; font-family: Arial, sans-serif; } d. .news { color: red; font-size: large; font-family: Arial, sans-serif; }
d. .news { color: red; font-size: large; font-family: Arial, sans-serif; }
Which statement is TRUE about navigation? a. It is best to use graphics, like buttons, for navigation buttons. b. Navigation can appear anywhere on any page, location doesn't matter as long as the links work. c. Navigation bars should only appear horizontally at the top of the page. d. Text navigation links are more accessible and more easily indexed by search engines.
d. Text navigation links are more accessible and more easily indexed by search engines.
Which of the following is influenced by the intended target audience of a site? a. the amount of color used on the site b. the font size and styles used on the site c. the overall look and feel of the site d. all of these
d. all of these
Which of the following is the CSS property used to set the background color? a. bgcolor b. color c. bcolor d. background-color
d. background-color
Which CSS property configures the background image of an element? a. background-color b. bgimage c. favicon d. background-image
d. background-image
Which of the following configures a graphic to repeat vertically down the side of a web page? a. background-repeat: repeat-x; b. background-repeat: repeat; c. valign="left" d. background-repeat: repeat-y;
d. background-repeat: repeat-y;
Which of the following is a color scheme that consists of two colors opposite each other on the color wheel? a. contrasting b. analogous c. split complementary d. complementary
d. complementary
Where do you place the code to associate a web page with an external style sheet? a. in the external style sheet b. in the DOCTYPE of the web page document c. in the body section of the web page document d. in the head section of the web page document
d. in the head section of the web page document
Which of the following is a sketch or diagram of a web page that shows the structure (but not the detailed design) of basic page elements? a. drawing b. HTML code c. site map d. wireframe
d. wireframe
Choose the true statement: a.The title of the web page is displayed by the meta element. b.Information about the web page is contained in the body section. c.The content that displays in the browser viewport is contained in the head section. d.The content that displays in the browser viewport is contained in the body section.
d.The content that displays in the browser viewport is contained in the body section.
Which type of HTML list will automatically number the items for you? a. numbered list b. ordered list c. unordered list d. description list
ordered list
An HTML document has both an embedded style sheet and an external style sheet, and both have a rule for body. What background color will display when this page is rendered in your web browser? External style sheet named "myStyle.css" : body { background-color: red; color: white; } HTML document: <head><style>body { background-color: yellow; color: black; }</style><link rel="stylesheet" href="myStyle.css"></head>
the background color will be red
When should you code an absolute hyperlink? a. when linking to a web page that is internal to your website b. when linking to a web page that is external to your website c. always; the W3C prefers absolute hyperlinks d. never; absolute hyperlinks are obsolete
when linking to a web page that is external to your website
