HTML: Tablas

Question 1

<table>
   <tr>
    ...
   </tr>
</table>

Answer 1

La etiqueta <tr> indica que se está agregando una fila a la tabla.

Question 2

<table>
  <tr>
    <td>cell one data</td>
    <td>cell two data</td>
  </tr>
</table>

Answer 2

La etiqueta <td> añade una celda de datos a la tabla.

Question 3

<table>
 <thead>
   <tr>
     <th>heading 1</th>
     <th>heading 2</th>
   </tr>
 </thead>
 <tbody>
   <tr>
     <td>col 1</td>
     <td>col 2</td>
   </tr>
 </tbody>
</table>

Answer 3

La etiqueta <thead> define los encabezados que tendrá la tabla.

Question 4

<tr>
  <th rowspan="2">row 2</th>
  <td>col 1</td>
  <td>col 2</td>
</tr>

Answer 4

El atributo rowspan indica cuántas filas el elemento va a ocupar. En este caso: dos.

Question 5

<table>
 <tbody>
   <tr>
     <td>row 1</td>
   </tr>
 </tbody>
</table>

Answer 5

La etiqueta <tbody> es un elemento semántico que contiene todo el cuerpo de la tabla.

Question 6

<table>
  <tr>
    <th>column one</th>
    <th>column two</th>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
</table>

Answer 6

La etiqueta <th> añade títulos a las filas y columnas de una tabla.

Question 7

<tr>
  <th>row 2</th>
  <td colspan="2">col 1</td>
  <td>col 2</td>
  <td>col 3</td>
</tr>

Answer 7

El atributo colspan indica cuántas columnas va a abarcar el elemento. En este caso: dos.

Question 8

<table>
 <thead>
   <tr>
     <th>heading 1</th>
     <th>heading 2</th>
   </tr>
 </thead>
 <tbody>
   <tr>
     <td>col 1</td>
     <td>col 2</td>
   </tr>
 </tbody>
 <tfoot>
   <tr>
     <td>summary of col 1</td>
     <td>summary of col 2</td>
   </tr>
 </tfoot>
</table>

Answer 8

La etiqueta semántica <tfoot> se indica para colocar filas y columnas al final de la tabla.

Question 9

<table>
  <!-- rows and columns will go here -->
</table>

Answer 9

La etiqueta <table> se usa para colocar una tabla en la página.