Deck 6: Working With Tables and Columns Tutorial

Question 1

The th element is used to mark the data cells .

Answer 1

False

Question 2

HTML supports three row groups, which define rows that belong to the table head, table border , or table body.

Answer 2

False

Question 3

Once columns are defined using the colgroup and col elements, individual columns can be identified using id and class attributes to apply CSS styles to specific columns.

Answer 3

True

Question 4

Header cells and data cells are types of table cells supported by web tables.

Question 5

The style rule columns: 250px 4; creates a layout of 4 columns with a minimum width of 250 pixels each.

Question 6

When a span attribute is not included, the col element references a single column.

Question 7

Spanning cells are created by adding div attributes to either td or th element.

Question 8

In column-span: span; property, span is either none to prevent spanning or all to enable the content to span across all of the columns.

Question 9

For widows property widows: value; value is the minimum number of lines stranded before a column break.

Question 10

A web table is an effective tool for organizing and classifying web page content.

Question 11

A web table can contain any number of thead and tfoot elements but only one tbody element.

Question 12

A class attribute can be included by placing a table in the schedule class to distinguish it from other tables that may exist on a website.

Question 13

A web table contains multiple table rows with each row consisting of one or more table cells.

Question 14

The style rules applied to an entire web table are the ones with the lowest precedence.

Question 15

Only one caption is allowed per web table.

Question 16

The style rule border-spacing: 10px; specifies that all borders within a table should be separated by a distance of 10 pixels.

Question 17

Columns and column groups accept only CSS style properties to modify the column borders, background, width, and visibility.

Question 18

While treating an entire definition list as a table, the div elements act as table rows and both the definition term and the descriptions act as table cells within that row.

Question 19

The default browser style for data cells is to display text as unformatted text and left-aligned within the cell.

Question 20

A table has one row with four cells and another row with five. After mapping the cells, the table will have five columns.

Question 21

Which of the following HTML attributes is used to create a single cell that occupies more than one cell from a series of horizontal cells?

A) rowwidth
B) colspan
C) rowspan
D) colwidth

Question 22

Which of the following HTML tags is used to set the width of a table border?

A) < table border="value">
B) < /table width="value">
C) < /table border="value">
D) < table width="value">

Question 23

In the given figure, Box A refers to _____.

A) the second cell in column two that spans across two rows
B) the second cell in rows two and three that spans seven columns
C) the second cell in row one that spans seven columns
D) the second cell in rows two and three that spans two columns

Question 24

When two adjacent 1-pixel-wide borders are collapsed together, the width of the resulting border is _____.

A) 2-pixels
B) 1 -pixels
C) 4 -pixels
D) 0.5-pixel

Question 25

Which of the following statements is true of adding adjacent borders, to a table, using CSS?

A) A border style of none is overridden by the same border style.
B) A narrow border takes priority over a wider border if neither is hidden .
C) The border style with the highest priority is used if the two borders have the same width but different styles.
D) The color of the element in the table with the lower priority takes precedence, if the borders differ only in color.

Question 26

Which of the following HTML elements is used to create a table title?

A) < table>
B) < caption>
C) < style>
D) < span>

Question 27

In the given figure, the items marked Box A and Box B are the _____ respectively.

A) row cells and column cells
B) header cells and data cells
C) header cells and row cells
D) data cells and column cells

Question 28

" style="font-size: 11pt; The given figure is an example of the _____ borders model.

A) collapsed
B) separate
C) inherit
D) initial

Question 29

The two types of table cells supported by web tables are _____.

A) row cells and column cells
B) header cells and data cells
C) border cells and caption cells
D) legend cells and web cells

Question 30

Which of the following is true of class in the table tag ?

A) class is an attribute.
B) class is an tag.
C) class is an function.
D) class is an label.

Question 31

A table contains five columns where one of the cells in a row spans three columns. Identify the number of table cells that will exist in that row.

A) Five
B) Four
C) Three
D) Six

Question 32

Which of the following is a default value for border-collapse property?

A) border-collapse: separate;
B) border-collapse: collapse;
C) border-collapse: inherit;
D) border-collapse: initial;

Question 33

The _____ attribute is added to a element to create a cell that spreads across several cells vertically.

A) cellspacing
B) cellpadding
C) colspan
D) rowspan

Question 34

What is the purpose of colspan in ?

A) It sets each cell to span seven rows within its column.
B) It sets each cell to span seven columns within its row.
C) It sets each cell to span the eighth column within its row into equal parts.
D) It sets each cell to span the eighth row within its column into equal parts.

Question 35

Which of the following HTML elements is used to create header cells in a web table?

A) < tr>
B) < td>
C) < th>
D) < head>

Question 36

Which of the following HTML structures arranges text in multiple rows and columns?

A) < div>
B) < table>
C) < span>
D) < nav>

Question 37

The default browser style for header cells is to display the text of the header in bold font and _____ within the cell.

A) left-aligned
B) right-aligned
C) centered horizontally
D) positioned vertically

Question 38

_____ is a single cell that occupies more than one cell row and/or column.

A) Data cell
B) Header cell
C) Table cell
D) Spanning cell

Question 39

Data cells that do not function as headers for table rows or columns are marked using the _____ element.

A) td
B) th
C) tt
D) tr

Question 40

Which of the following HTML elements is used to add a row in a table?

A) < td>
B) < tr>
C) < dd>
D) < tl>

Question 41

Which of the following table objects has the highest precedence in terms of style?

A) Table cells
B) Rows
C) Columns
D) Table

Question 42

Which of the following properties prevents the spanning of content across all the columns?

A) column-span: all;
B) column-span: none;
C) column-span: initial;
D) column-span: inherit;

Question 43

To insert the information of the data-label attribute directly before the data cell value, the _____ property is used.

A) content
B) position
C) padding
D) display

Question 44

Which of the following is true of row groups that are defined in an HTML table?

A) The thead element must appear first, followed by the tbody element, and finally the tfoot element.
B) A table can contain only one thead and tfoot element but can have numerous tbody elements.
C) A table can contain only one tbody element which is added between thead and tfoot element.
D) The tbody appears before tfoot to allow the browser to render the body before receiving numerous of tfoot rows.

Question 45

Identify a property that is used to separate one column from the next using graphic dividing line.

A) column-rule
B) column-count
C) column-width
D) column-gap

Question 46

The columns within the colgroup element are identified by the _____ element.

A) < span column="value"/>
B) < colspan="value"/>
C) < col-span="type"/>
D) < spancol="type"/>]

Question 47

Which of the following CSS properties is used to align the caption text horizontally?

A) text-align
B) caption-position
C) caption-align
D) text-side

Question 48

Identify the first step to create a responsive web table that relies only on CSS.

A) Change the table layout so that each table object is rendered as a block element.
B) Add a text of data labels as attributes of all of the td elements in the table body.
C) Use relative positioning to place each data cell with a large left padding to insert data label text.
D) Add the content of the data label attribute before the data cell value.

Question 49

Identify a true statement to determine the number of columns in a web table.

A) The number of columns is equal to number of caption elements.
B) The number of columns is equal to number of rows in a web table.
C) The number of columns is the number of cells within the table rows.
D) The number of columns is the total number of cells in a web table.

Question 50

By default, a browser places a table caption _____.

A) below the table
B) in the first row of the table
C) above the table
D) in the first cell of the table

Question 51

Which of the following statements is true of row groups?

A) The rows are determined based on the total number of cells within a table.
B) The individual rows are determined using only the class attribute.
C) The row groups are used to create different styles for groups of rows in a table.
D) The row groups are used in different applications where the table content is only from internal data sources.

Question 52

In the given figure, identify the row group element Box A.

A) tbody
B) tfoot
C) thead
D) tcell

Question 53

Identify a style property that creates a column size of 200-pixels.

A) column-count
B) column-control
C) column-width
D) column-gap

Question 54

Identify a CSS property to place a table caption.

A) caption-side: position;
B) caption-width: position;
C) caption-align: position;
D) caption-fit: position;

Question 55

When a style for a table element is created by setting the font color to red, _____.

A) the caption text will be displayed in a red font
B) the caption text will be displayed in black font
C) the caption text will be displayed in the same color as the previous table
D) the caption text will be displayed in the same color as the border

Question 56

Which of the following is an equivalent HTML element for display: table-cell; style?

A) < th>
B) < table>
C) < col>
D) < tr>

Question 57

Identify the three row groups supported by HTML.

A) thead , tfoot , and tborder
B) thead , tbody , and tfoot
C) thead, tborder , and tbody
D) thead, tfoot , and tcell

Question 58

When the width of an entire table is set to be larger than the width required for individual columns, the extra space is _____.

A) added to the first column of the table
B) divided equally among the columns
C) added to the last column of the table
D) filled out as a border of the table

Question 59

Consider the following code. How many columns does the element create?

A) Two
B) One
C) Four
D) Three

Question 60

Which of the following styles sets the column breaks within paragraphs to leave a minimum of two and three lines at the top and bottom of each column respectively?

A) article p { break-before: always; }
B) article p { break-before: always; }
C) article p { orphans: 3; widows: 2; }
D) article p { break-inside: auto; }

Question 61

Case-Based Critical Thinking Questions Case 6.1 Andy designed a web page for a product-oriented industry using CSS properties. He used several HTML tags to create the web page. He also used tables to ensure that the data is easily managed. Which of the following properties must Andy use to set the gap between the borders created by using the border-collapse property?

A) border-spacing: value;
B) border-spacing: value;
C) border: length;
D) border: width;

Question 63

Case-Based Critical Thinking Questions Case 6.2 Luis has created a web page for a textile industry. When viewing the web page on a different computer, Luis notices a difference in the web page layout. So he decided to make changes in the code to make the layout suitable on all computers. Which of the following properties helps Luis in making the content on the web page more readable by spreading the content into a specific number of columns on a single page?

A) column-span;
B) column-count;
C) column-collapse;
D) column-control;

Question 64

What are the CSS properties that are used to manage column breaks?

Question 65

Case-Based Critical Thinking Questions Case 6.1 Andy designed a web page for a product-oriented industry using CSS properties. He used several HTML tags to create the web page. He also used tables to ensure that the data is easily managed. Andy has created a table for product details where the names of the products and prices of the products are the headers of the table. Which of the following style rules should he add to place a border of 10-pixels around the table with a white background?

A) table.product {background: white; border: 10px; width: 100%;}
B) table.product {border: 10px, white; width: 100%;}
C) table.product {background: white, 10px; width: 100%;}
D) table.product {border: white; width: 100%;}

Question 66

Write an HTML code to create a table with three rows and two columns. Add appropriate headers and enter the data into the table.

Question 67

Explain table row group elements and the order that should be maintained when writing an HTML code.

Question 68

Case-Based Critical Thinking Questions Case 6.1 Andy designed a web page for a product-oriented industry using CSS properties. He used several HTML tags to create the web page. He also used tables to ensure that the data is easily managed. Andy wants the borders to be distinctly visible for each cell in the product details table. Which of the following properties must Andy add to his code to accomplish his goal?

A) border-spacing: length;
B) border-collapse: separate;
C) border-collapse: collapse;
D) border-spacing: initial;

Question 69

Case-Based Critical Thinking Questions Case 6.2 Luis has created a web page for a textile industry. When viewing the web page on a different computer, Luis notices a difference in the web page layout. So he decided to make changes in the code to make the layout suitable on all computers. Luis has created a table to include the definitions of manufacturing tools used in the industry. He wants to add a space between each column cell of the definition for better understanding. Identify a property that Luis should include in the code to fulfill the requirement.

A) column-gap;
B) column-align
C) column-count;
D) column-space;