売上データトップページ

以下のリンクから、年度ごとの売上データページに移動できます。
2010年度の売上 2011年度の売上 2012年度の売上
このコード文
         
               <!DOCTYPE html>
               <html lang="ja">
               <head>
                   <meta charset="utf-8">
                   <meta http-equiv="X-UA-Compatible" content="IE=edge">
                   <meta name="viewport" content="width=device-width, initial-scale=1">
                   <title>売上データトップページ</title>
               
                   <!-- 言語設定 -->
                   <link rel="alternate" href="japan.html" hreflang="ja">
               
                   <!-- 各種ページ情報 -->
                   <link rel="search" href="search.html">
                   <link rel="help" href="help.html">
                   <link rel="license" href="license.html">
                   <link rel="author" href="profile.html">
               
                   <style>
                       body {
                           font-family: Arial, sans-serif;
                           text-align: center;
                           margin: 50px;
                       }
                       h1 {
                           font-size: 2.5em;
                           margin-bottom: 20px;
                       }
                       .nav-links {
                           margin-top: 20px;
                       }
                       .nav-links a {
                           padding: 10px 20px;
                           background-color: #0073e6;
                           color: white;
                           text-decoration: none;
                           border-radius: 5px;
                           margin: 5px;
                       }
                       .nav-links a:hover {
                           background-color: #005bb5;
                       }
                   </style>
               </head>
               <body>
               
                   <h1>売上データトップページ</h1>
                   <p>以下のリンクから、年度ごとの売上データページに移動できます。</p>
               
                   <!-- 年度ごとの売上ページへのリンク -->
                   <div class="nav-links">
                       <a href="2010.html">2010年度の売上</a>
                       <a href="2011.html">2011年度の売上</a>
                       <a href="2012.html">2012年度の売上</a>
                   </div>
               
                   <script>
                       // キーボードの左右キーでページ移動
                       document.addEventListener("keydown", function(event) {
                           if (event.key === "ArrowRight") {
                               window.location.href = "2010.html"; // 右キーで次のページ（2010年）へ
                           }
                       });
                   </script>