2010年度の売上

このページには2010年度の売上データが表示されます。
← トップページ 2011年度 →
このコード文
             
             html
                                <style>

                                    /* footer内CSS */

                                    .navigation {
                                        text-align: center; /* ナビゲーションリンクを中央に配置 */
                                        font-size: 18px;
                                    }
                                
                                    .navigation a {
                                        color: #0073e6; /* リンク色 */
                                        text-decoration: none; /* 下線を消す */
                                        padding: 10px;
                                    }
                                
                                    .navigation a:hover {
                                        text-decoration: underline; /* ホバー時に下線表示 */
                                    }
                                
                                    .navigation ♈ {
                                        font-size: 20px; /* シンボルのサイズを調整 */
                                        margin: 0 10px; /* シンボルの左右にマージンを追加 */
                                    }
                                    footer{
                                        margin-top: 500px;
                                    }
                                </style>
                            </head>
                            <body>

                                <h1>2010年度の売上</h1>
                                <p>このページには2010年度の売上データが表示されます。</p>

                                <!-- ナビゲーションボタン -->
                                <div class="nav-links">
                                    <a href="index.html">← トップページ</a>
                                    <a href="2011.html">2011年度 →</a>
                                </div>

                        <fieldset style="width: 750px;">
                                    <legend style="font-size:13px; color:#381313;">このコード文</legend>
                        <TEXTAREA ROWS="5" COLS="120" style="border: none; background-color:#250505; color:#ffffff;" readonly>
                                </TEXTAREA>
                         </fieldset>
                                
                            <footer>

                            <nav class="navigation">
                                <a href="index.html" title="2010年度の売上">← 前の記事</a>
                                ♈ ♈
                                <a href="2011.html" title="2012年度の売上">次の記事 →</a>
                            </nav>
                            </footer>
                                <script>
                                    // キーボードの左右キーでページ移動
                                    document.addEventListener("keydown", function(event) {
                                        if (event.key === "ArrowLeft") {
                                            window.location.href = "untitled.html"; // 左キーで前のページへ
                                        } else if (event.key === "ArrowRight") {
                                            window.location.href = "2011.html"; // 右キーで次のページへ
                                        }
                                    });
                                </script>