HTML-CSS Quiz 5 & 6
Consider the following HTML element: <input type="text" id="street"> Which of the following CSS rules would make the element span exactly half way across the form? - text { width: 50%; } - .street { width: 50%; } - None of the options are correct - #street { width: 50%; }
#street { width: 50%; }
Consider the structure of an HTML5 table. Which of the following best describes how a table is organized?
A table contains rows and each row contains cells
Most of the form controls that we covered in the video are actually different "types" of which element? <textarea> <select> <box> <input>
<input>
A <select> element would not be very useful without one or more of these elements inside of it: <input> <option> <choice> <item>
<option>
Which of these is the correct order of elements in a table?
<td> is placed inside <tr>
Which of the following tags will you use to add cells to the table header?
<th>
The attribute colspan="2" will do which of the following?
Causes the cell to include its current position and extend into the column to the right
When you increase the height of a cell in a table, by default all text is going to be?
Centered Vertically
True or False? <th> is just a shorter way to write <thead>?
False
Why should you split your table into header, body and footer using the 'thead', 'tbody' and 'tfoot' elements?
Header, body and footer rows can be styled individually
Our primary goal when designing forms is to: Try to collect as much information as we possibly can from the user Make them as user-friendly as possible Make them look as good as possible Make it match the rest of the webpage
Make them as user-friendly as possible
Which of the following is NOT a valid value for a form's "method" attribute?: Get Send All of the options are valid Post
Send
T or F? The overall border around the table and the borders around a row may be styled differently.
True
True or False: By default, a table's width and height are determined by the content in the cells of the table.
True
The following code: border-collapse: collapse; will do what?
collapse the borders into a single border
Which of these input field types have been introduced with HTML5?: select text password date
date
If you have the following CSS rules: input {color: #cccccc;border: 1px solid black;} select {color: #cccccc;border: 1px solid black;} textarea {color: #cccccc;border: 1px solid black;} how can those be re-written into one rule?: - input, select, textarea {color: #cccccc; border: 1px solid black;} - input.select.textarea {color: #cccccc; border: 1px solid black;} - none of the above - input select textarea {color: #cccccc; border: 1px solid black;}
input, select, textarea {color: #cccccc; border: 1px solid black;}
According to the video, it is best practice to include both the name and ID attributes for every form input. What is true about these two attributes: - name and ID must always have the same value - name is what the server script will use to identify the field while ID is how JavaScript and CSS will identify the field - ID is what the server script will use to identify the field while the name is how JavaScript and CSS will identify the field - The video does not recommend setting both a name and an ID
name is what the server script will use to identify the field while ID is how JavaScript and CSS will identify the field
The "value" attribute is used for which of the following: - specify a different value for the form field than what is displayed to the user - there isn't a value attribute in HTML - change text into a number value - specify that only numbers can be typed into a field
specify a different value for the form field than what is displayed to the user
Given the following code... <label for="???">Spouse</label><input type="text" id="spouse2"> What should we enter in place of ??? to associate the label with the input field?: Nothing. The For attribute is not a valid attribute input spouse2 text
spouse2