Živá ukázka

Výsledek

<!DOCTYPE html>
<html>
<body>
    
<script>
  var sel = document.getElementById('sel');
   sel.onchange = function() {
      var show = document.getElementById('show');
      show.innerHTML = this.value;
   }
</script>

<table width="1000" >
<tr>
 <th rowspan="2" align="right"> 
<select id="sel">
  <option value="2018">2018
  <option value="2017">2017
  <option value="2016">2016
  <option value="2015">2015
  <option value="2014">2014
  <option value="2013">2013
  <option value="2012">2012
  <option value="2011">2011
  <option value="2010">2010
</select>
 </th>
  
</tr>
<tr>
     <th align="right">Leden</th>
     <th align="right">Únor</th>
     <th align="right">Březen</th>
	 <th align="right">Duben</th>
	 <th align="right">Květen</th>
	 <th align="right">Červen</th>
	 <th align="right">Červenec</th>
	 <th align="right">Srpen</th>
	 <th align="right">Září</th>
	 <th align="right">Říjen</th>
     <th align="right">Listopad</th>
     <th align="right">Prosinec</th>
</tr>
<tr >
  <th align="right">1</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
  
</tr>
<tr>
  <th align="right">2</th>
  <td align="right">5,8</td>
  <td align="right">5,2</td>
  <td align="right">-4,8</td>
  <td align="right">12,1</td>
  <td align="right">27,0</td>
  <td align="right">28,4</td>
  <td align="right">23,3</td>
  <td align="right">35,7</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>
<tr>
  <th align="right">3</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>
<tr>
  <th align="right">4</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr><tr>
  <th align="right">5</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>
<tr>
  <th align="right">6</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>
<tr>
  <th align="right">7</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>
<tr>
  <th align="right">8</th>
 <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>
<tr>
  <th align="right">9</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>
<tr>
  <th align="right">10</th>
  <td align="right">5,4</td>
  <td align="right">5,7</td>
  <td align="right">-2,7</td>
  <td align="right">10,6</td>
  <td align="right">23,6</td>
  <td align="right">31,9</td>
  <td align="right">21,4</td>
  <td align="right">34,2</td>
  <td align="right">38,6</td>
  <td align="right">42,5</td>
  <td align="right">47,2</td>
  <td align="right">50,9</td>
</tr>

</table>

</body>
</html>

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS