ハイパーテキスト（IT用語）

2025年5月7日 2025年5月7日

ハイパーテキスト
- ハイパーテキストとは
- ハイパーテキストのわかりやすい事例
会話で学ぼ
- 基礎知識編
SNSで発信
あとがき

ハイパーテキスト

ハイパーテキストとは

「複数の文書を相互に関連付け、結び付ける仕組み」のことだよ。

通常のテキストとは異なり、「リンクを通じて他の情報へ簡単にアクセスできる」ようになっているよ。

ハイパーテキストのわかりやすい事例

ハイパーテキストの事例

1. Webページ

インターネット上のWebサイトはハイパーテキストの代表例であり、リンクをクリックすることで別のページへ移動できる。

2. 電子書籍

目次や参考文献のリンクをクリックすると、該当ページへジャンプできる。

3. オンライン辞書や百科事典

Wikipediaなどのオンライン辞書では、関連する単語や記事へのリンクが埋め込まれている。

4. プログラムのドキュメント

ソフトウェアのマニュアルには、関連する説明やコード例へのリンクが含まれている。

※ハイパーテキストは、情報を整理し、ユーザーが効率的にアクセスできるようにする重要な技術です。

Copilot参照

会話で学ぼ

基礎知識編

【ハイパーテキスト】って何？

リンクを含んだテキストのことだよ。

例えば、Webサイトを見ているとき、
青い文字をクリックすると別のページに移動できるよね？
あれがハイパーテキストだよ。

なるほど！
じゃあ、ただの文章と何が違うの？

普通のテキストはただ読めるだけだけど、
ハイパーテキストは「別の情報に飛べる」
っていう特徴があるんだ。

例えば、「このページの続きを読む→」っていう
リンクをクリックすると、
関連するページにジャンプできるよね。

確かに！
じゃあ、ハイパーテキストがあるおかげで、
インターネットで色々なページを移動できるってこと？

その通り！インターネットって、
世界中の情報がつながってるよね。

ハイパーテキストのおかげで、
関連する情報を簡単に見つけられるし、
クリックするだけで次の情報へ移動できるよ。

便利だね！
じゃあ、ハイパーテキストってどうやって作るの？

実は、HTMLっていう言語を使って作るんだ。

例えば、リンクを作る場合は、こんなふうに書くよ。
```html<a href="https://example.com">ここをクリック</a>```
これをWebページに入れると、
「ここをクリック」という文字がリンクになって、
クリックすると「https://example.com」に飛べるんだ。

へぇ！じゃあ、私が見てるWebページのリンクって、
HTMLを使って作られてるんだね！

そうそう！ハイパーテキストは、
Webサイトの基本的な仕組みだから、
覚えておくと色んなことに応用できるよ！

SNSで発信

X（元Twitter）

Webサイトを見ているときに、青い文字をクリックすると別のページに移動したりするでしょ！それが→【ハイパーテキスト】「複数の文書を相互に関連付け、結び付ける仕組み」だよ。通常のテキストとは異なり、ハイパーテキストは「リンクを通じて他の情報へ簡単にアクセスできる」ようになってるんだ。 pic.twitter.com/1fOVVcK5n7
— そら@ばあばとそらちゃんキャラクター (@baabaandsora) May 2, 2025