S310 All quizes

Lakukan tugas rumah & ujian kamu dengan baik sekarang menggunakan Quizwiz!

#1 col-md-12 | #2 col-md-6 | #3 col-md-6 | #4 col-md-12

#1 col-sm-6 | #2 col-sm-6 | #3 col-sm-6 | #4 col-sm-6

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

#closing{}

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%; } #street { width: 50%; } None of the options are correct

#street { width: 50%; }

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? /callout{} callout{} #callout{} .callout{}

.callout{}

What is the first character after a "<" in a closing tag? ! & / >

Which of the following is the correct syntax for a CSS comment? * comment text * / comment text \ /* comment text */ /* comment text /*

/* comment text */

How many columns make up a row in the Bootstrap grid system? 10 6 20 12

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

</p>

Different documents can be linked together using the ______ element <link> <html> <hyperlink> <a>

<a>

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

<input>

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

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

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

<span>

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

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

<td> is placed inside <tr>

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

<th>

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

A set of CSS classes and JavaScript code

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 A table contains cells and each cell contains rows A table contains columns and each column contains rows A table contains rows and each row has a header, body, and footer

A table contains rows and each row contains cells

Which of the following allows you to display important information to the user but also enables the user to dismiss the content? Alert Display List Group Item Well

Alert

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

All options listed here can be set as a "row" in Bootstrap

How many elements should your document have? As few as possible 42 less than 128 As many as you need or want to make it clear and organized

As many as you need or want to make it clear and organized

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

Bootstrap is a feature that comes with all major web server platforms.

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

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 You must declare how you wish the text to be displayed. Left justified to the top Right justified on the bottom

Centered Vertically

If you are using Bootstrap to make your pages responsive, you must also use it to style other elements such as buttons, text, lists, etc...

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? It is possible to have a Web page with only CSS and no HTML?

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? You need to use both height and width attributes to shrink your image by half.

False

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

Global attributes can be used with all elements

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

HTML describes what's on a page and HTTP allows the page to be communicated between computers

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

Header, body and footer rows can be styled individually

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

It describes the information the image conveys or its function

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

Link to a CSS file by using a <link> tag

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? This is not possible to do with CSS List: none; Bullet: none; List-style-type: none;

List-style-type: none;

Our primary goal when designing forms is to: Make it match the rest of the webpage Try to collect as much information as we possibly can from the user Make them look as good as possible Make them as user-friendly as possible

Make them as user-friendly as possible

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? Font-size Spacing Margin Border

Margin

What does the 'M' in HTML stand for? Magic Markup Management Model

Markup

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

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

Opens the page in a new tab or window

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

Selector

Which of the following is NOT a valid value for a form's "method" attribute? All of the options are valid Get Post Send

Send

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

Sequence Diagram

Which CSS property will let you remove the underline from an element such as a hyperlink? Text-decoration Font Underline Font-Style

Text-Decoration

If I create my own CSS class with the same name as one of the Bootstrap classes, which one of the following is the most accurate description of what will happen? The properties that I specify in my rule will be changed but all other properties in the Bootstrap rule will still apply All of the properties in my rule will be ignored and the browser will only apply the properties from the Bootstrap rule An error will appear on the broser because we have two classes with the same name All properties of the Bootstrap rule will be ignored and the browser will only apply the properties that I specify

The properties that I specify in my rule will be changed but all other properties in the Bootstrap rule will still apply

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

They are used to add extra info to a tag, like a unique identifier

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

True

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

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

True

True or False? It is possible to have a Web page with only HTML and no CSS?

True

Can some elements contain other elements? no yes

Yes

If you include the links to the Bootstrap files on your pages, which of the following is true about the use of Bootstrap classes? Bootstrap doesn't provide classes to style the content on your pages You must use Bootstrap classes for all your page content styling 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 You can choose to write your own style rules or use the built-in Bootstrap classes for styling page content

You can choose to write your own style rules or use the built-in Bootstrap classes for styling page content

Given the following CSS code, what would you put in place of AAAA so that these rules apply only when the user's mouse is over a hyperlink? AAAA {background-color: red;color: white;} a hyperlink a:hover a:mouseover

a:hover

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? green red black (the default) blue

blue

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? class="col-size-4" class="col-4" class="col-xs-4" class="col-phone-4"

class="col-xs-4"

The following code: border-collapse: collapse; will do what? this code is not valid collapse the borders into a single border create one large cell for the entire table remove the table border

collapse the borders into a single border

Which of the following will turn the paragraph text blue if put inside the following CSS rule? p { // code here} color: blue; text-color: blue font-color = blue font-color-blue;

color: blue;

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

creates the content for the page

Which of these input field types have been introduced with HTML5? select text date passwrod

date

<!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? element 3 all three elements correct element 2 element 1 element 1 and 2

element 3

Consider the following code:<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"> <title>My HTML page</title></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 rule: p { color: orange;}was included in the above HTML, which element(s) inside the body would have orange text? element 3 element 2 element 1 elements 1 and 2 all three elements

elements 1 and 2

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

false

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

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

have additional meaning beyond just applying a default style to the content

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

if the text is bold or not

Which of the following is NOT an image class discussed in the video? img-rounded img-thembnail img-width img-circle

img-width

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

input, select, textarea {color: #cccccc; border: 1px solid black;}

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

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 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 name is how JavaScript and CSS will identify the field The video does not recommend setting both a name and an ID 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

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 specify that only numbers can be typed into a field there isn't a value attribute in HTML change text into a number value

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? input Nothing. THe For attribute is not a valid attribute text spouse2

spouse2

Which of the following is a required attribute in an image tag? title height width src

src

Which two Bootstrap classes would be applied to get the following result?Hello world! text-success bg-success text-green bg-green text-good bg-good text-darkgreen bg-lightgreen

S310 All quizes

Set pelajaran terkait

Missed Acctg Questions Exam 3

Smartbook Recharge Chapter 14 ACCT 405

Relative Dating & Fossils

CSC 100 Test 1-4

Exam 1

Respiratory EAQ

Vocab Lesson 7

Prep U's - Chapter 8 - Management of the Older Adult Patient

Pediatrics~ Final

Carbohydrates

SOJO Unit 2: Intersectionality, Poverty, and the Rights of Workers

AP Psych Unit 7 Test (vocab & review)

NCLEX-PN 6th Edition Ear & Eye

Spanish 2 - 3.1 & 3.2

Multiplying and dividing rational expressions

Chapter 2 MGMT

Chapter 8; Background to the Middle East - Professor Watkins

Credit Analysis Chapter 12

INF 681 Network Architecture and Data

Tabelline 3x6 - 5x9