HTML表和rowspan和colspan行爲

我正在處理這個任務和幾乎一切正常，但我不明白爲什麼頂部單元格不佔用整個空間。HTML表和rowspan和colspan行爲

另外，知道我是否可以格式化單元格（大小等）真的很有用。

這是代碼。

<html> 
<head> 
</head> 
<body> 
    <table border="1"> 
     <tr> 
      <th colspan="4">Notas de HTML</th> 
      <tr> 
       <td colspan="2">Alumno</td> 
       <td colspan="2">Conceptos (60%)</td> 
       <td colspan="3">Procedimiento (30%)</td> 
       <td rowspan="2">Actitud (10%)</td> 
      </tr> 
      <tr> 
       <td>Apellidos</td> 
       <td>Nombre</td> 
       <td>Examen te&oacute;rico</td> 
       <td>Examen pr&aacute;ctico</td> 
       <td>Pr&aacute;ctica 1</td> 
       <td>Pr&aacute;ctica 2</td> 
       <td>Pr&aacute;ctica 3</td> 
      </tr> 
      <tr> 
       <td>ape1</td> 
       <td>nom1</td> 
       <td>7</td> 
       <td>6.5</td> 
       <td>8</td> 
       <td>4</td> 
       <td>9</td> 
       <td>9</td> 
      </tr> 
      <tr> 
       <td>ape2</td> 
       <td>nom2</td> 
       <td>5</td> 
       <td>4</td> 
       <td>6</td> 
       <td>4</td> 
       <td>5</td> 
       <td>7</td> 
      </tr> 
     </tr> 
    </table> 
</body>

來源

2013-03-06 rcsole

跨越你需要使用所有這些八列：

<th colspan="8">Notas de HTML</th>

jsFiddle example

，並通過使用CSS，只要你喜歡，你可以格式化細胞。

來源

2013-03-06 21:40:08 j08691

謝謝你，現在你提到它是有道理的。 – rcsole 2013-03-06 22:03:22

HTML表和rowspan和colspan行爲

回答

相關問題