GDWD107
Which character is used to indicate an end tag?
/
What two tags are needed to add a link?
<a> and <href> tags
The element represents an independent article in a web page.
<article>
What is the correct HTML for adding a background color?
<body style="background-color:yellow;">
Choose the correct HTML element for the largest heading
<h1>
The Language attribute is declared in which tag?
<html>
What is the correct HTML for inserting an image?
<img src="image.gif" alt="MyImage">
What two tags are needed to add a image?
<img> and <src> tags
Which of the following is used for input fields that should contain a date?
<input type="date">
Which of the following defines a button for submitting form data to a form-handler?
<input type="submit">
Which of the following defines a one-line text input field?
<input type="text">
How can you make a numbered list?
<ol>
What is the correct element for inserting a paragraph?
<p>
Which HTML element defines the title of a document?
<title>
The following code will do what to an image? img{ display: block; margin-left: auto; margin-right: auto; }
B) Center the image
Where is the correct place to insert a JavaScript?
Both the <head> section and the <body> section are correct
CSS3 is built on top of:
CSS2
Example barriers to web accessibility.
Complex navigation mechanisms and page layouts that are difficult to understand Audio content, without captions or transcripts. Visual page designs that cannot be adapted using web browser controls All of the above
String, numbers, Boolean are:
Data types
Linear-gradients can have a keyword at the beginning that describe their:
Direction
Block elements are normally displayed without starting a new line
False
When considering web accessibility do not Include image and media alternatives in your design.
False
You should never include image and media alternatives in your design.
False
Which one of the following gives you complete control over the alignment, direction, order, and size of boxes and elements
Flexbox
What does HTML stand for?
Hyper Text Markup Language
Which of the following restricts a user to one selection?
Radio Button
Select all that apply that may apply: Always code in lowercase because_____
The DOM reads lowercase better Lowercase looks cleaner
Who is making the Web Standards?
The World Wide Web Consortium
The following border-radius code gets applied from: border-radius: 15px 50px 30px 5px;
Top Left, Top Right, Bottom Right, Bottom Left
"Semantic HTML" refers to the idea that all your HTML markup should convey the underlying meaning of your content—not its appearance.
True
HTML5 can be integrated with other technologies in order to produce extremely elaborate, 2D or 3D effects
True
Inline elements are displayed without starting a new line
True
Responsive design is accomplished through CSS "media queries".
True
Var is use to declare a what?
Variable
When grouping related content you can use.
all of the above (spacing, headings)
Adding an ( a ) to rgb colors gives you an additional channel of:
alpha
Write the code you would need in order to complete the code below where you see ****. Your code needs to reflect the specifications to add a background color with an rgb color with a value of 255: red 0: green and 125: blue. Also, give it an opacity or alpha channel at 50%. .square { ******************************* width: 250px; height: 250px; box-shadow: 4px 4px 12px 2px rgba(0,0,0,0.3); }
background-color: rgba(255, 0, 125, 0.5);
Javascript is considered a ______________layer
behavior
The following border-radius code will apply from all sides:
border-radius: 50px;
This is an example of: Sayhello();
calling a function
This enables the flexbox layout mode
display:flex;
In normal circumstances, the align-content property defines the horizontal alignment of its items.
false
Visible links to transcripts of audio is not a good practice for Web Accessibility.
false
Adding _____________ forces items that don't fit in the container to get bumped down to the next row.
flex-wrap: wrap;
A _______ layout is one that stretches and shrinks to fill the width of the screen.
fluid
To style a unordered list, you would use which property value?
list-style-type
In the code below, specify what d has been declared as? var d = new Date();document.getElementById("demo").innerHTML = d.getFullYear();
new Date();
rgba() stands for:
red, green, blue, alpha
When considering web accessibility, it is recommended to combine graphical buttons with
text and icons
It is common to do entire web layouts using the CSS float property.
true
Creating designs for different viewport sizes is a web accessibility design consideration.
True
HTML comments start with <!-- and end with -->
True
The <textarea> tag defines a multi-line text input control.
True
The flex container determines the layout of flex items?
True
The job of a flex container is to group a bunch of flex items together and define how they're positioned.
True
When considering design for accessibility, don't use color alone to convey information.
True
When considering design for accessibility, it is best to have clear concise navigation options
True
z-Index only works on positioned properties and allows you to control What?
Which elements sit on top of one another
In normal circumstances, the justify-content property defines the horizontal alignment of its items
true
The<h1>through <h6> heading elements all contribute to a page's document outline.
true
Having the same styles for different links is good, when considering design for accessibility
False
Whats the difference between a Linear Gradient and a Radial Gradient?
Linear gradients go from one direction to another while radial gradients are defined by their center.
This CSS style would do what? h1 { background-color: red; }
Make the background color of the heading text red
__________ is a free tool and service that checks the syntax of Web documents written in HTML.
Markup Validator
Which of the options below convey the most meaning for users with a screen reader?
h1>Introduction</h1>
Which of the following are examples of sectioning elements? (Select all that apply)
header, footer, section, article
When applying a box-shadow to an element or class the order of values is what?
offset-horiz, offset-vert, blur, spread, color