【幅広表示＆スムーズスクロール・最終版】

同一ページ内ジャンプのシンプルなデモ

1. はじめに

このページは、同一ページ内リンクの動作を確認するための最小限のサンプルです。上記のリンクをクリックして、各セクションにジャンプできるか試してください。

長いテキストを挿入してスクロールを発生させます。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

2. HTMLについて

HTML（HyperText Markup Language）は、ウェブページの構造を記述するためのマークアップ言語です。ウェブブラウザはHTMLを解釈し、コンテンツをユーザーに表示します。

主な要素には、見出し（h1-h6）、段落（p）、リスト（ul, ol, li）、画像（img）、リンク（a）などがあります。

3. CSSについて

CSS（Cascading Style Sheets）は、HTMLで記述された文書の見た目を装飾するためのスタイルシート言語です。色、フォント、レイアウト、アニメーションなど、様々な視覚的な側面を制御します。

4. まとめ

HTMLとCSSはウェブ開発の基礎です。これらの技術を組み合わせることで、魅力的で機能的なウェブページを作成できます。

ページトップへ戻る

TEST