HTML
Select the code below that uses CSS to configure a class called "bonus" with green text that uses the Arial or sans-serif font typeface.
.bonus { color:green; font-family:Arial,sans-serif;}
What is the syntax for a jQuery CSS method that selects all elements with a class of final?
.class
Select the code snippet below that will create a class called flex-container that sets elements to display flex with a red background.
.flex-container { display: flex; background-color: red;}
Select the code snippet below that will create a Multicol layout with 3 columns using a class called three.
.three { column-count: 3;}
Which of the following CSS3 pseudo-elements will be useful when configuring every other row of a table?
:nth-of-type(n)
When creating a CSS declaration block, each declaration must be separated by a ________
;
Choose the example below that configures a comment in HTML.
<!-- comment -->
The purpose of the ________ element is to describe the contents of a table.
<caption>
How are definition lists structured?
<dl>, <dt>, <dd>
Select the container tag used to group form controls.
<form>
Which heading element is the largest?
<h1>
Select the HTML tag below that configures a button that, when clicked, will automatically reset form fields to their default values.
<input type="reset"> and <button type="reset">Reset</button>
Select the form control from the choices below that may be used to submit a form.
<input type="submit" >
What tag pair contains the items in an ordered or unordered list?
<li> </li>
Which of the following tag pairs are NOT considered to be standard in the HTML 5 template?
<p></p>
Choose the HTML tag below that would configure a scrolling text box with the name "feedback", 3 rows, and 60 characters.
<textarea name="feedback" rows="3" maxlength="60"></textarea>
Use ________ element to indicate column or row headings.
<th>
What comparison operator would you use if you wanted to test for equality?
==
What type of rule should be used if you want a browser to conditionally apply part of a style sheet based on the result or a media query?
@media
What is jQuery?
A library of JavaScript functions which make coding interactive web behaviors easier than plain JavaScript
Are APIs and Plugis the same thing?
API basically defines how a component interacts with a system, facilitating the communication between them Plugin: also called an extension, a plugin is a software component that makes it possible to modify an existing computer program or platform, for instance, adding new features to it
What type of link do you have to use if you are linking to web pages that aren't a part of your own web page on your own web server?
Absolute Link
How would you add fallback content for older browsers that can't handle the <audio> and <video> elements?
Add a link to the audio or video file for download
What does the viewport meta tag do for a web page?
Aids in creating a responsive webpage
Select the items below that can be used as a CSS Selector.
All of the above
Which of the following is NOT a type of positioning you can achieve with CSS?
Centered
The text contained between title tags is:
Displayed in the title bar of the browser window
What are the two methods for incorporating jQuery on a web page?
Download a local copy or link to a file
Inline elements start on a new line and take up the full width available while Block-level elements only take up as much width as necessary and do not force line breaks.
False
_________ are designed to make it easy to lay things out in one dimension - either as a row or a column.
Flexboxes
How would you make all img elements on a web site be automatically responsive to changes in screen size?
Give each image a class or id, then give that a different width value such as auto
________ is a set of rules for exchanging files such as text, graphic images, sound, video, and other multimedia files on the Web.
HTTP
A domain name is a unique text-based Internet address corresponding to a unique ________.
IP address
What is the point of improving a site's SEO?
Improve your authority and credibility by adding relevant links within the text
What does the <iframe> element allow you to do?
It is an element that loads another HTML element inside of a web page
What are a few W3C mobile layout recommendations?
Minimize keystrokes Avoid free text Provide defaults Give default input modes
Are XML sitemaps the same as a site's navigational page with links to every page on the site?
No, XML sitemaps are made for search engines, the navigational page on a website is for readers
Will a robots.txt file direct search engine bots how to crawl your site?
No, they can not enforce this
Are meta tags the only way to add SEO to a web page?
No, you can also add alt attributes and other descriptors on images or transcripts for audio and video files
Is paying for search engine ads is the only way to get to the top of SERP?
No, you can make sure your tags and site information give as much relevant info for the user to click
Browsers lay out a web page using __________ unless CSS rules are defined to control the layout
Normal Flow
What are best practice considerations when planning out a mobile version of a website?
Optimize Your Entire Site For Mobile. Don't Make Users Pinch-To-Zoom. Make Product Images Expandable. Tell Users Which Screen Orientation Works Best. Keep Your User In A Single Browser Window.
What does SERP stand for?
Search Engine Results Page
Cascading Style Sheet rules are comprised of:
Selectors and Declarations
Which of the following is NOT a type of HTML List?
Structured
What are the 3 basic types of hyperlinks?
Text, image, bookmark
Choose the false statement below.
The content that displays in the browser is contained in the head section.
What does the size attribute control on a text box form control?
The visual width
What parts of a web page do search engine bots examine?
They download and index content from all over the internet
Where does text appear that is wrapped in the <title> tag?
Top of the browser in the title bar
If you want a section of your site to stay in view while the page is scrolled up and down, you would use fixed positioning.
True
The <span> element is an inline non-semantic element that can target specific content
True
Should permission be obtained if you want to use someone else's media on your site?
Unless you are certain that the material is in the public domain or that your use is legally excusable, seeking permission is worth your time
How do you code an image to display text if the image doesn't load?
Using the alt element
The size attribute configures what for a text field?
Visual width of the input field
When would the onmouseover event handler be triggered by a user?
When the user hovers over the element
Can HTML lists be nested?
Yes
Can JavaScript commands be entered directly into an HTML file?
Yes
Can a web page have more than two forms?
Yes
Can bookmark links be linked to a different page on the same site?
Yes
Can ordered and unordered lists be nested together?
Yes
Choose the best answer below to the following question: Is the following CSS code valid? table { border: 2px #000000 solid;border-collapse: collapse;}
Yes
Do inline style rules get overridden by external style rules?
Yes
Should HTML 5 attribute values always be enclosed in single or double quotes?
Yes
Should web developers worry about the physical size and file weight of images on a web site?
Yes, it could impact load time
Will web browsers accept poor HTML coding and still render a webpage?
Yes, while it may not work as intended, they will still do their best to render what they think the author means
What is Creative Commons?
a non-profit organization devoted to expanding the range of creative works available for others to build upon legally and to share.
What is the OneWeb concept?
a planned initial 648-satellite constellation which is in the process of being completed in 2022, with a goal to provide global satellite Internet broadband services to people everywhere, starting in 2021.
Select the form control below that would be appropriate to allow users to only choose one option out of three available options.
a radio button
How do you add controls to the <audio> or <video> elements?
add the src attribute
What does a valid JavaScript variable name look like?
age
Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics.
alt
What is JavaScript?
an object-oriented computer programming language commonly used to create interactive effects within web browsers.
Select the code below that uses CSS to configure a background color of #000000 and a text color of red for a web page.
body {background-color:#000000; color: red; }
In HTML 5, to define the distance between the edges of a cell and the cell content in a table use ____________
cellspacing
What does Fair Use mean in terms of copyright?
certain uses of copyrighted material for, but not limited to, criticism, commentary, news reporting, teaching, scholarship, or research may be considered fair
What does the <transition> CSS property allow you to do?
control animation speed when changing CSS properties
An External Style Sheet uses the ________ file extension and are applied to an HTML document with the ________ element.
css, link
Choose the example below of a descendent selector that configures the anchor tags with a div assigned to the navigation id.
div#navigation a
In terms of web page interactivity, what is an action taken by the user described as?
event
Which CSS rule below will force content to display to the left of the element that has the rule applied to it?
float: right;
What do you call a reuseable block of JavaScript statements?
function
A type of graphic that can be animated
gif
To code an Internal or Embedded stylesheet the style rules must go in the _________ section of the page between _________ tags.
head, style
Use the ________ attribute on a <td> element to associate it with a table heading cell.
headers
Different browsers and even different browser versions will display your web page ________.
in different ways
Do page titles and heading tags affect a page's SEO potential?
it affects how Google's algorithms understand your content and rank your page
What text box attribute controls how many characters can be entered into the text field?
max
Select the attribute used to limit the number of characters that a text box will accept.
maxlength
Which width CSS property sets the minimum width of an element?
min-width
The box model consists of a content area surrounded by:
padding, border, and margin
What is an attribute of a JavaScript object referred to as?
properties
You would use a __________ link to link to another page on your own site and the _______ attribute to make sure the page opens in a new tab or window.
relative, target
What does the <transform> CSS property allow you to do?
rotate, scale, skew, or translate an element
An HTML table is comprised of ________ and ________.
rows and columns
Use the ________ attribute to force a table row to span multiple cells.
rowspan
What are the main components of a search engine?
search interface, search engine bot, indexer, and database
An order form contains an area for web visitors to select their state or province. You need to limit the amount of space on the form that is used for this feature. Select the form control that is best to use for this purpose.
select list
What does the <source> element do?
specifies multiple media resources for media elements
What does the target attribute do when configured for the <a> element?
specifies the default target for all hyperlinks and forms in the page
Select the item below that lists elements used in an HTML table:
table, tr, td
Choose the item below that is not a valid value for the input element's type attribute.
textarea
A ________ is a sketch or blueprint of a web page that shows the structure (but not the detailed design) of basic page elements such as the logo, navigation, content, and footer.
wireframe
Choose the item below that is not an HTML5 element.
wrapper
What JavaScript method would you use to write text to a web page?
write()