Tables and Forms in HTML

Quick Check

Fill in the blanks.

  1. Tables are very useful on a web browser because they provide a flexible and attractive way of presenting data.
  2. A table is a set of rows and columns, and a cell is the intersection of a row and a column.
  3. Before designing tables in HTML, it's important to understand the concept of a table with the help of an example.
  4. The <table> tag is used to define a table in HTML and each row is represented by the <tr> tag, while each data cell within a row is represented by <td> tag.
  5. The colspan attribute in HTML indicates the number of columns a cell should span.

Choose True or False for the following statements.

  1. Forms in HTML are used solely for displaying information on a web page. False
  2. The <form> tag is used to define a form in HTML. True
  3. Radio buttons are used to select multiple options simultaneously. False
  4. The value attribute in the <input> tag specifies the initial values to be assigned to the input element. True

Time to Perform

A Fill in the blanks.

  1. Columns are the vertical lines of data.
  2. Tables are defined with the <table> tag.
  3. The letters TR stands for 'table row', while TD stands for 'table data'.
  4. The bordercolor attribute is used to set the colour of a table's border.
  5. Align attribute can appear inside <table>, <tr> or <td> tags.

B State whether the following statements are true or false.

  1. By default, space is left for borders. True
  2. The larger the value the thicker will be the border. True
  3. We cannot assign different background to a row, column or a cell. False
  4. The <input> tag allows the user to enter information in a table. True
  5. Checkboxes are used to select one or more options. True

C Name the following.

  1. Number of cells in a table with 5 rows and 16 columns. 80 cells
  2. Optional description of the table. caption
  3. Attribute that sets the spacing between the border and the contents of the cell. cellpadding
  4. Attribute to set the background colour of a row or column. bgcolor
  5. Attribute to set the vertical alignment of data in a column. valign

Extra Questions.

  1. Values of horizontal align attribute are left, center and right.
  2. Values of vertical alignment are top, middle and bottom.
  3. Cellspacing attribute specifies the spacing inserted between individual cells in a table.
  4. By default, a browser uses a cellpadding of 1.
  5. The rowspan attribute specifies the number of rows the text should cover to occupy.
  6. Forms are used to accept input from the user.
  7. The maxlength attribute specifies the maximum number of characters that can be entered in an input field.
  8. In a password field, the data entered does not get displayed.
  9. The two pre-defined buttons in HTML are Submit and Reset.
  10. On clicking the Submit button, the data in all the fields is sent to a server.
  11. The Reset button clears all the content and sets the default values for all the form elements.
  12. The <textarea> tag is a multi-line input control. Row defines the height of the text area. Cols defines the width of the text area.

Comments

Post a Comment