Создание понятной и правильной таблицы HTML

Демонстрация работы понятной и правильной таблицы HTML, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<table>
	<caption>Здесь можно разместить заголовок таблицы</caption>
	<thead>
		<tr>
			<th>Processor
			<th>Speed
			<th>Cores
			<th>L3 Cache Size
  <tfoot>
    <tr>
      <td colspan=4>Здесь можно разместить выводы из таблицы    
	<tbody>
		<tr>
			<td>Intel Core i7-2600K
			<td>3.4 GHz
			<td>4
			<td>8 MB
		<tr>
			<td>AMD Phenom II X6 1100T
			<td>3.3 GHz
			<td>6
			<td>6 MB
</table>

CSS

th, td, caption {
        padding: 1rem;
        border: 1px solid #000;
        text-align: center;
}
thead {
        background-color: #ccc;
}
tfoot {
        background-color: #888;
}
caption {
        background-color: #fff;
}