<!DOCTYPE html>
<html lang="cz">
  <head>
    <title>Title</title>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="style.css">
  </head>
<style>
  #modrá{color:blue;}
  #oranžová{color:orange;}
  #zelená{color:green;}
  
</style>
  <body>
    
<h1>
      Statistická data a vizualizace
</h1>
    <hr/>
    
    Pro ilustraci serverového provozu byla vytvořena ukázková tabulka znázorňující zatížení 
serveru během jednoho dne. <p>Nejvyšší vytížení nastává v odpoledních hodinách, kdy 
dochází ke zvýšenému počtu uživatelských požadavků.

<img src="dataobr.png">

<ol type="A">
    <li id="modrá">Využití CPU</li>
    <li id="oranžová">Využití RAM</li>
    <li id="zelená">Síťový provoz</li>
</ol>

  </body>
</html>