HTML/CSS

Semantic elements are ones that ___. A. have additional meaning beyond just applying a default style to the content B. setup our page structure but the user doesn't see them C. are only used to apply style to the content D. don't exist in HTML5

A

Do the style rules in an external CSS file, like my_file.css, need to be surrounded by <style> ... </style> tags? A. No B. Yes

A

What does the 'M' in HTML stand for? A. Markup B. Model C. Magic D. Managment

A

Which CSS property will let you remove the underline from an element such as a hyperlink? A. Underline B. Text-decoration C. Font-style D. Font

B

Which UML diagram helps us understand how many pages we will need in our prototype for a given process? A. Use Case Diagram B. Sequence Diagram C. Class Diagram D. None of the UML diagrams can help us with this

B

Which of the following is NOT a benefit of CSS A. content authors don't have to worry about style B. creates the content for the page C. can make all HTML documents look similar D. easily maintainable styles

B

Which of the following is NOT a valid value for a form's "method attribute? A. all of the options are valid B. send C. get D. post

B

Which of the following is the correct syntax for a CSS comment? A. /* comment /* B. /* comment */ C. * comment * D. / comment \

B

Which of the following pieces of code is the correct way to connect a CSS document with the name "styles.css" to your HTML document via the head tag? A. <link type="javascript" href="styles.css"> B. <link rel="stylesheet" href="styles.css"> C. <link style="styles.css"> D. <style a href="styles.css" style>

B

Which of the following statements about global attributes is true? A. Global attributes only apply to elements that do not have any attributes of their own B. Global attributes can be used C. Only 'id' and 'class' are global D. All global attributes are of type boolean

B

Given the HTML below: <p id="closing">You stay classy, San Diego.</p> how would you select it by its ID in your CSS? A. #closing { } B. /closing { } C. closing { } D. .closing { }

A

How many elements should your document have? A. As many as you need or want to make it clear and organized B. As few as possible C. 42 D. Less than 128

A

Our primary goal when designing forms is to: A. make them as user-friendly as possible B. try to collect as much information as we possible can from the user C. make them look as good as possible

A

<a href="https://kelley.iu.edu" target="_blank">Kelley School of Business</a> What does the code above do? A. Opens the page in the same tab or window B. Doesn't do anything because the code above is invalid C. Opens the page in a new tab or window

C

Bootstrap is _____. A. A set of CSS classes B. A set of JavaScript code C. A set of CSS classes and JavaScript code D. A set of custom HTML elements

C

Consider the following HTML element: <input-type="text" id="street"> Which of the following CSS rules would make the element space exactly half way across the form? A. .street { width: 50%} B. none of the options are correct C. #street { width: 50%} D. text{ width: 50%}

C

Given the HTML below: <p class="callout" >Sixty percent of the time it works every time.</p> how would you select it by its Class in your CSS? A. #callout { } B. /callout { } C. .callout { } D. callout { }

C

How many columns make up a row in the Bootstrap grid system? A. 6 B. 10 C. 12 D. 20

C

If you want to display one of the Bootstrap glyphicons, which html element did the video say to use? A. <img> B. <div> C. <span> D. <glyphicon>

C

If you want to have the largest heading possible, which kind of tag would you use? A. h6 B. head C. h1 D. h

C

What is the first character after a "<" in a closing tag? A. > B. & C. / D. !

C

Which of the following allows you to display important information to the user but also enables the user to dismiss the content? A. Display B. List group item C. Alert D. Well

C

Which of the following will turn the paragraph text blue if put inside the following CSS rule p { //code here } A. font-color-blue; B. font-color - blue C. color: blue; D. text-color: blue;

C

Which tag do we use to for creating CSS code in our HTML document? A.<div> B. <link> C. <style> D. <css>

C

What is the purpose of attributes? A. They identify the beginning of an element B. They can be added to your page instead of one of the basic HTML elements C. They identify the end of an element D. They are used to add extra info to a tag, like a unique identifier

D

Which of the following html elements can be defined as a "row" in your Bootstrap layout? A. <header> B. <footer> C. <main> D. <div> E. All options listed here can be set as a "row" in Bootstrap

D

Which of the following is a required attribute in an image tag? A. title B. width C. height D. src

D

Which of the following is the correct way to specify that a block element should occupy 4 columns of the Bootstrap grid when viewed on a typical smart phone? A. class="col-phone-4" B. class="col-size-4" C. class="col-4" D. class="col-xs-4"

D

Which of these input field types have been introduced with HTML5? A. text B. password C. select D. date

D

<!DOCTYPE html> <html lang="en"> <head> <title>My HTML page</title> <style> ... </style> </head> <body> <p> This is HTML element 1 </p> <p> This is HTML element 2 </p> <div> This is HTML element 3 </div> </body> </html> If these CSS rules: body { color: crimson; } p { color: cream; } were included in the above HTML, which elements in the body would have crimson text? A. element 2 B. element 1 C. elements 1 and 2 D. all three elements correct E. element 3

E

True of False: The padding property controls the spacing outside of an element

False

True or False: Once I establish a row layout in my page, all other rows in the page must follow the exact same pattern.

False

True or False: When creating a button, I can either use the btn or btn-primary class but not both at the same time.

False

True or False: When creating the base structure for navigation with Bootstrap, you no longer use a <ul> list with links inside the <li> element, and instead use Bootstrap's custom HTML navigation element <navigation>.

False

True or False: You need a connection to the Internet to test basic HTML code such as your document structure, headings, paragraphs, and lists.

False

True or False: elements are the same as tags.

False

True or False? <th> is just a shorter way to write <thead>?

False

True or False? Every cell in a table will be the exact same size (same height and width).

False

True or False? The anchor element is only used to link from one page to another within the same site.

False

True or False? The closing tag for image is </img>.

False

True or False? You need to use both height and width attributes to shrink your image by half.

False

A 'ul' element wouldn't be useful unless it contained one or more of these elements A. li B. p C. blockquote D. br

A

Can some elements contain other elements? A. Yes B. No

A

What is the purpose of the 'alt' attribute in an <img> element? A. It describes the information the image conveys or its function B. It links to a URL C. It shows an alternative image if the user doesn't like the first one D. It is used to identify the location of the image

A

Which of the following lines of code will display a badge with the number 6 in it? A. <span class="badge">6</span> B. <badge>6</badge> C. <badge class="badge-6"></badge> D. <span class="badge-6"></span>

A

Which of the following statements is FALSE when it comes to having access to Bootstrap? A. Bootstrap is a feature that comes with all major web server platforms. B. You can link to Bootstrap files that are hosted on other websites called CDNs. C. Uncompiled Bootstrap source files can be download and edited before being installed on your web server. D. Compiled Bootstrap files can be downloaded and installed on your web server.

A

Which of the following tags will you use to add cells to the table header? A. <th> B. <tr> C. <td> D. <head>

A

Which of these is the correct order of elements in a table? A. <td> is placed inside <tr> B. <thead> is placed inside <th> C. <thead> is placed inside <tr> D. <td> is placed inside <th>

A

a < select> element would not be very useful without one or more of these elements inside of it A. <option> B. <input> C. <item> D. <choice>

A

An input-group in a Bootstrap form ____. A. groups together all the controls in a form B. groups together a label and its related form control C. groups together a series of related form controls D. groups together form controls of the same type such as radio buttons

B

How can you use Bootstrap to control the size of a table while still making it responsive? A. Use Bootstrap's special table sizing classes such as table-xs-#, table-sm-#, etc... B. Use the regular Bootstrap sizing classes such as col-xs-#, col-sm-#, etc... C. Tables can't be responsive using Bootstrap D. Set the width of the table. For example ... table { width: 500px; }

B

If I told you that an open tag looked like this: <p id='mypara' class='myclass'> what would the closing tag look like? A. </p id='mypara' class='myclass'> B. </p> C. <close-p> D. <p>

B

If you include the links to the Bootstrap files on your pages, which of the following is true about the use of Bootstrap classes? A. Bootstrap doesn't provide classes to style the content on your pages B. You can choose to write your own style rules or use the built-in Bootstrap classes for styling page content C. You must use Bootstrap classes for elements that are covered in Bootstrap and can only use your own style rules for things that Bootstrap doesn't cover D. You must use Bootstrap classes for all your page content styling

B

The list items (li) in a unordered list (ul) each have bullet points next to them by default. What is the CSS declaration you would use to remove them? A. Bullet: none; B. List-style-type: none; C. This is not possible to do with CSS D. List: none;

B

The property font-weight controls which of the following? A. the actual font that will be used B. if the text is bold or not C. if the text is italic or not D. the size of the text

B

What is the difference between HTML and HTTP? A. HTTP describes what's on the page and HTML allows sites to communicate with each other B. HTML describes what's on a page and HTTP allows the page to be communicated between computers C. HTML and HTTP are the same thing

B

What is the general best practice for leveraging CSS from an HTML page? A. Enter CSS directly into a <style> block on the HTML page B. Link to a CSS file by using a <link> tag C. Write your CSS rules directly in the HTML elements

B

Why should you split your table into header, body and footer using the 'thead', 'tbody' and 'tfoot' elements? A. This is wrong. You should never split your tables into thead, tbody, and tfoot B. You cannot use <th> without <thead> C. Header, body and footer rows can be styled individually D. The browser needs to know the thead, tbody, and tfoot of a table to display a table

C

Your page contains several paragraphs of text(<p>). You want more space between the individual paragraphs. What CSS property should you use to put more space between the paragraphs? A. Border B. Spacing C. Margin D. Font-size

C

which one of the following is the most accurate description of what will happen? A. An error will appear on the browser because we have two classes with the same name B. All properties of the Bootstrap rule will be ignored and the browser will only apply the properties that I specify C. The properties that I specify in my rule will be changed but all other properties in the Bootstrap rule will still apply D. All of the properties in my rule will be ignored and the browser will only apply the properties from the Bootstrap rule

C

Which of the following is NOT an image class discussed in the video? A. img-rounded B. img-circle C. img-width D. img-thumbnail

C.

<!DOCTYPE html> <html lang="en"> <head> <title>My HTML page</title> <style> ... </style> </head> <body> <p> This is HTML element 1 </p> <p> This is HTML element 2 </p> <div> This is HTML element 3 </div> </body> </html> If this CSS rules: p { color: orange; } were included in the above HTML, which elements in the body would have orange text? A. element 3 B. element 2 C. elements 1 D. elements 1 and 2 E. all three elements

D

According to the video, it is best practice to include both name and ID attributes for every form input. What is true about these two attributes: A. the video does not recommend setting both a name and an ID B. name and ID must always have the same value C. name is what the server script will use to identify the field while ID is how javascript and CSS identify a field

D

Bootstrap provides a number of classes to style a table. According to the video, what is one area where you will likely have to create your own rule? A. Applying a stripped pattern in your rows B. Applying hover effects C. Applying borders to your table cells D. Applying color styles to the header and footer cells

D

Consider the structure of an HTML5 table. Which of the following best describes how a table is organized? A. A table contains cells and each cell contains rows B. A table contains rows and each row has a header, body, and footer C. A table contains columns and each column contains rows D. A table contains rows and each row contains cells

D

Different documents can be linked together using the ______ element A. <hyperlink> B. <link> C. <html> D. <a>

D

Examine the HTML and the CSS below. <style> #opening-paragraph { color: blue; } .callout { color: red; } </style> <p id="opening-paragraph" class="callout">Breaking Story! Bloomington Indiana rated as the number one place to live.</p> Consider the order of precedence with CSS. The text in the paragraph on the page will appear as which of the following colors? A. green B. red C. black (the default) D. blue

D

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. A. text B. Nothing. The for attribute is not a valid attribute C. input D. spouse2

D

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? A. input select textarea { color: #cccccc; border: 1px solid black; } B. none of the above C. input.select.textarea { color: #cccccc; border: 1px solid black; } D. input, select, textarea { color: #cccccc; border: 1px solid black; }

D

Most of the form controls that we covered in the video are actually different "types" of which element? A. <box> B. <textarea> C. <select> D. <input>

D

The "value" attribute is used for which of the following: A. specify that only numbers can be typed into a field B. there isn't a value attribute in HTML C. change text into a number value D. specify a different value for the form field that what is displayed to the user

D

The attribute colspan="2" will do which of the following? A. Causes the cell to include its current position and extend down to the row below it B. Creates one column with two cells in it C. The attribute colspan is not a valid HTML attribute D. Causes the cell to include its current position and extend into the column to the right

D

What do we call the part of a CSS rule that attaches the style to a specific type of HTML element? A. Definition B. Property C. Value D. Selector

D

True or False: Bootstrap allows you to create expandable and collapsible content on your pages without having to write your own CSS rules.

True

True or False: By default, a table's width and height are determined by the content in the cells of the table.

True

True or False: It is possible to have a webpage with only HTML and no CSS

True

True or False: You can use the btn classes to make an anchor <a> element look like a button.

True