ハイパーリンクは、ウェブサイトのさまざまなページがハイパーリンクで構成されており、ハイパーリンクがページ間のジャンプを完了するため、Webサイトで頻繁に使用されるHTML要素です。ハイパーリンクは、視聴者とサーバー間の相互作用の主な手段であり、その後のテクノロジーでは学習が徐々に深くなります。ハイパーリンク
ハイパーリンクは、ウェブサイトのさまざまなページがハイパーリンクで構成されており、ハイパーリンクがページ間のジャンプを完了するため、Webサイトで頻繁に使用されるHTML要素です。ハイパーリンクは、視聴者とサーバー間の相互作用の主な手段であり、その後のテクノロジーでは学習が徐々に深くなります。
- 注:画像はリンクとして使用することもでき、次の章Webページの写真を詳細に学習します。
4.5.1テキストにリンクを追加しますハイパーリンクのタグは<a> </a>です。テキストにハイパーリンクを追加すると、他の変更されたタグに似ています。リンク後のテキストには、他のテキストと区別するための独自の特別なスタイルがあります。デフォルトのリンクスタイルは青色のテキストで下線が引かれています。ハイパーリンクは別のページにリダイレクトされ、<a> </a>タグには、新しいページのアドレスの指定を担当するHREF属性があります。 HREFで指定されたアドレスは、通常、相対アドレスを使用します。
- 注:ウェブサイトの開発では、アドレスに対してドキュメントがより一般的に使用されています。
a.htmという名前のd:/ web/ディレクトリでWebページファイルを作成し、コード4.18に示すようにコードを書きます。
コード4.18ハイパーリンク設定:a.htm
<html>
<head>
<title>ハイパーリンクの設定</title>
</head>
<body>
<フォントサイズ= 5>
<a href = ul_ol.htm>リストの設定ページを入力</a>
</font>
</body>
</html>
ブラウザアドレスバーにhttp://localhost/a.htmを入力すると、閲覧効果を図4.19に示します。
図4.19ハイパーリンク設定
読者は、図4.19のハイパーリンクのデフォルトスタイルを見ることができます。ページのリンクをクリックすると、ページは同じディレクトリ、つまり前のセクションのリスト設定ページのUL_OL.HTMページにジャンプします。ブラウザのバックボタンをクリックしてA.HTMページに戻ると、テキストリンクの色が紫色になり、このリンクが訪問されたことを視聴者に伝えます。
4.5.2リンクのウィンドウの開く方法を変更しますデフォルトでは、HyperLinksの新しいページを開く方法はセルフレイです。視聴者のさまざまなニーズに応じて、読者はハイパーリンク用の新しいウィンドウを開く他の方法を指定できます。 HyperLinkタグは、_Self(Self Uprwrite、Default)、_Blank(新しいウィンドウを作成して新しいページを開く)、_TOP(ブラウザウィンドウ全体で開く、すべてのフレーム構造が無視される)、_Parent(前のウィンドウで開く)などの値を備えた設定のターゲット属性を提供します。
- 注:_topおよび_parentメソッドはフレームページに使用され、次の章には詳細な説明があります。
4.5.3リンクに迅速なテキストを追加します多くの場合、ハイパーリンクのテキストは、リンクするコンテンツを説明するのに十分ではありません。 HyperLinkタグは、視聴者のプロンプトを容易にするタイトル属性を提供します。タイトル属性の値は、プロンプトコンテンツです。ブラウザのカーソルがハイパーリンクにとどまると、プロンプトコンテンツが表示されますが、これはページレイアウトのきちんとしたものに影響しません。 A.HTM Webページファイルを変更し、コード4.19に示すようにコードを記述します。
コード4.19ハイパーリンク設定:a.htm
<html>
<head>
<title>ハイパーリンクの設定</title>
</head>
<body>
<フォントサイズ= 5>
<a href = ul_ol.htm target = _blank title = hello reader、あなたが今見ているのは迅速なテキストです。このリンクをクリックして、UL_OL.HTMページにジャンプします。 >リストの設定ページを入力します</a>
</font>
</body>
</html>
ブラウザアドレスバーにhttp://localhost/a.htmを入力すると、閲覧効果を図4.20に示します。
図4.20ハイパーリンクプロンプトテキスト
4.5.4アンカーとは何ですか多くのWeb記事には多くのコンテンツがあり、それが長いページにつながります。視聴者は、必要なコンテンツを見つけるために、ブラウザのスクロールバーを常にドラッグする必要があります。ハイパーリンクのアンカー関数は、この問題を解決できます。アンカーは、船から引き出されるアンカーです。アンカーが投げ込まれた後、船は簡単に浮かんだり、迷子になりません。実際、アンカーは、単一ページ内のさまざまな場所でジャンプするために使用され、一部の場所ではブックマークと呼ばれています。
ハイパーリンクタグの名前属性は、アンカーの名前を定義するために使用されます。 1つのページでは、複数のアンカーを定義できます。ハイパーリンクのHREF属性を介して、名前に応じて対応するアンカーにジャンプできます。 a_anchor.htmという名前のd:/ web/ディレクトリでWebページファイルを作成し、コード4.20に示すようにコードを書きます。
コード4.20ハイパーリンクアンカー:a_anchor.htm
<html>
<head>
<title>ハイパーリンクの設定</title>
</head>
<body>
<フォントサイズ= 5>
<a name = top>これが上部のアンカーです</a> <br />
<a href =#1>最初の</a> <br />
<a href =#2> 2番目</a> <br />
<a href =#3> 3番目</a> <br />
<a href =#4> 4人目</a> <br />
<a href =#5> 5th </a> <br />
<a href =#6> 6th </a> <br />
<h2>米国の成功した大統領</h2>
●最初の人(1789-1797)<a name = 1>これは最初の人のアンカーです</a> <br />
名前:ジョージワシントン<br />
ジョージワシントン<br />
生まれて死んだ:1732-1799 <br />
政党::フェデレーション<br />
●第二の人(1797-1801)<a name = 2>これが2人目のアンカーです</a> <br />
名前:ジョンアダムス<br />
ジョン・アダムス<br />
生まれて死んだ:1735-1826 <br />
政党::フェデレーション<br />
●第三者(1801-1809)<a name = 3>これが第三者のアンカーです</a> <br />
名前:トーマスジェファーソン<br />
トーマス・ジェファーソン<br />
生まれて死んだ:1743-1826 <br />
政党::人民共産党<br />
●4番目の投稿(1809-1817)<a name = 4>これが4番目の投稿のアンカーです</a> <br />
名前:ジェームズ・マディソン<br />
ジェームズ・マディソン<br />
生まれて死んだ:1751-1836 <br />
政党:中国人民共和国<br />
●5番目の投稿(1817-1825)<a name = 5>これは5番目の投稿のアンカーです</a> <br />
名前:ジェームズモンロー<br />
ジェームズ・モンロー<br />
生まれて死んだ:1758-1831 <br />
政党:中国人民共和国<br />
</font>
</body>
</html> l>
テストの前に、読者はコード4.20から、<a> </a>タグがアンカーを定義するために使用され、アンカーの名前は名前属性で定義されていることがわかります(名前には制限がなく、カスタマイズできます)。アンカーの検索へのリンクは、HREF属性を使用して対応する名前を指定し、名前の前に#シンボルを追加する必要があります。ブラウザアドレスバーにhttp://localhost/a_anchor.htmを入力すると、閲覧効果を図4.21に示します。
図4.21ハイパーリンクアンカー
視聴者がハイパーリンクをクリックすると、ページは自動的にHREF属性値名のアンカー位置にスクロールします。
- 注:アンカーを定義するラベルは、必ずしも特定のコンテンツを必要とするわけではなく、単なるポジショニングです。
4.5.5電子メール、FTP、Telnetリンクハイパーリンクは、Webページの機能をさらに拡張でき、より一般的に使用される機能は電子メール、FTP、Telnet接続です。上記の機能を完了するには、ハイパーリンクのHREF値を変更するだけです。メールを送信するための形式は次のとおりです。
<a href = mailto:メールアドレス>メールを送信</a>
[email protected]など、メールアドレスは完了する必要があります。
前述のように、HTTPプロトコルはWebページの閲覧に使用され、FTPサーバーはFTPプロトコルによって接続されます。リンク形式は次のとおりです。
<a href = ftp://サーバーIPアドレスまたはドメイン名>リンクテキスト</a>
FTPサーバーリンクとWebリンクの違いは、使用されるプロトコルが異なることです。 FTPは、サーバー管理者からのログイン許可が必要です。ただし、一部のFTPサーバーに匿名でアクセスできるため、一部のパブリックファイルが取得されます。同様に、Telnetプロトコルに接続されているサーバーも同様の方法を採用しています。形式は次のとおりです。
<a href = telnet://サーバーIPアドレスまたはドメイン名>リンクテキスト</a>
Telnetプロトコルは非常に少なく、そのほとんどはHTTPプロトコルで使用されます。 mail.htmという名前のd:/ web/ディレクトリでWebページファイルを作成し、コード4.21に示すようにコードを書きます。
コード4.21ハイパーリンクのその他の設定:mail.htm
<html>
<head>
<title>ハイパーリンクのその他の設定</title>
</head>
<body>
<フォントサイズ= 5>
<a href = mailto:[email protected]タイトル=ハローリーダー、ここをクリックしてメールを送信してください。 >メールを送ってください</a> <br />
<a href = ftp://101.22.25.11 title = hello readers、FTPサーバーへようこそ。 > FTPサーバーを接続</a> <br />
<a href = telnet://101.22.25.11 title = hello readers、telnetサーバーへようこそ。 > Telnetサーバーを接続</a>
</font>
</body>
</html> s
ブラウザアドレスバーにhttp://localhost/mail.htmを入力すると、閲覧効果を図4.22に示します。
図4.22ハイパーリンクのその他の設定