|
さらに、リンクを張るなどしてページに飾りつけをしてみましょう。
|
|
|
| |
ホームページの醍醐味は、各ページにリンクが張ってあり、それらのページを次々に渡り歩けることです。
このリンクはアンカータグ <a> で記述します。実際にやってみましょう。
|
| テキストファイル |
ブラウザの表示画面 |
<html><head>
<title>リンクページ</title>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
</head><body>
<a
href="../../index.html"
target="_blank">サイトTop</a><br><br>
<a
href="../hp_g.html"
target="_self">ＨＰ作りのTop</a>
</body></html>
|
|
リンクページ - Microsoft････ |
| File Edit
View fAvorite Tool Help |
サイトTop
ＨＰ作りのTop
|
|
|
|
href="〜" でリンク先の URL を記述します。また、target="_blank" はリンク先のページを
新たに開いて表示し、target="_self" はリンク先のページを現在のページに表示することを表します。
さらに詳しくは、こちらで
|
|
| |
７． 画像表示やリンクの URL 表示について (補足)
|
| |
◆各ページの構成
ここまで見てきたように、通常各ページファイルは「ＨＴＭＬファイル」や画像ファイルや
それらを含むフォルダ等のセットとして構成されます。
詳しくは、「ＨＴＭＬの初歩」や以下をご覧下さい。
◆ホームページの構造 （ツリー構造）
- Web サーバーに置かれたホームページとなるファイルは、HTMLファイルと言う決まりで作られています。
- 閲覧者のブラウザソフトはそのファイルの内容を解釈して、閲覧者のPC上にホームページを表示します。
- ホームページは指定されたアドレス(URL)の入力で最初に表示される「トップページ」( index.html
もしくは index.htm)と、そこから「リンク」される「サブページ」
等で構成された次のような構造になっています。
| |
トップページ |
─ |
┬ フォルダFF |
─ |
┬ サブページFF1 |
| ├ サブページ１ |
├ サブページ11 |
├ 画像FF1 |
| ├ 画像１ |
└ 画像11 |
└ 音声FF1 |
| ├ サブページ２ |
|
|
| └ フォルダF |
─ |
┬ サブページF1 |
─ |
┬ サブページF11 |
| |
├ 画像F1 |
└ サブページF12 |
| |
└ スタイルシートF1 |
|
これはパソコンに層構造のフォルダがあり、それぞれにいくつかのファイルがあることと同じですが、
各ページで表示画像やファイルを指定したり、画像や文字をクリックすると、
他のページにジャンプしたりするように 「リンク設定」
されていることが HTMLファイル特徴です。
|
|
リンク先の URL記述 は、一般には相対アドレスで書きますが、
その位置が特定されている場合は絶対アドレスで書きます。
|
|
