初心者が古い知識を学ぶ(3) ハイパーリンクタグを使いこなすためのHTMLチュートリアル

ハイパーリンクマークはリンクポイントを表しており、英語のアンカーの略称です。その機能は、現在の位置にあるテキストや画像を他のページ、テキスト、または画像に接続することです。これはよく知られていますが、その文法構造はあまり知られていないため、使用するには文法構造を理解する必要があります。タグの基本的な構文構造は次のとおりです:

class=type
id=value
href=reference
name=value
rel=same|next|parent|previous
rev=value
target=window
style=value
title =title
onclick=function
onmouseout=function
onMouseOver=function>Connection

タグの文法構造から、ハイパーリンクを設定してさまざまなリンク効果を実現するときに選択できるパラメータが多数あることがわかります。ちょっと意外 予想通り？ ！

class および id オプション: リンク ポイントのタイプと割り当てられた ID 番号を設定するために使用されます。通常は設定されません。最も一般的に使用される 2 つのパラメータは、href と name です。 href はハイパーテキスト リファレンスの略で、リンク アドレスを設定するために使用されます。リンク アドレスは URL アドレスである必要があります。特定のパスが指定されていない場合、デフォルトのパスは現在のページのパスと同じになります。リンク先のファイルもいくつかの状況に分けられます。HTML ファイルの場合は、現在のブラウザで直接開かれます。実行可能ファイル (.exe ファイル) の場合は、ファイルが直接実行またはダウンロードされます。この機能は、Word 形式のファイルなどのテキスト ファイルの場合、ブラウザ上で開いて編集および加工することができます。

rel: リンク関係の設定を示します: rel=same はリンク先のファイルがこのファイルと同じであることを示します、rel=next はリンク先のファイルが次のページであることを示します、rel=parent はこのファイルが次のページであることを示しますリンクされるファイルの親ファイル。rel=previous は、リンクされるファイルが前のページであることを意味します。

rev: 逆リンクの設定に使用されます。

Target: フレームウィンドウを使用する場合にどのウィンドウにリンクするかを設定します。target="_bank" は新しいウィンドウを開いて Web ページを開くことを意味します。

タイトル：リンクポイントが選択されたときに表示されるタイトルを設定するために使用されます。

onclick: イベントに対応し、リンクポイントがクリックされると、このイベントがトリガーされ、対応するサブルーチンが実行されます。

onmouseover: onclick と同様に、マウスがリンクポイント上に移動すると、対応するイベントがトリガーされます。

onmouseout: マウスが町の連絡先から出た後に、対応するイベントがトリガーされます。

いくつかの例:

ホームページに戻る
音声ファイルを再生する
対応するプログラムを実行する
処理するために対応するドキュメントを開く

アプリケーションスキル

1. ダウンロードファイルを提供する

多くのネチズンが質問して提供するように書いていますダウンロード エフェクトのやり方。実際には、これはまだハイパーリンクですが、ダウンロード用のファイルを Web サイトにアップロードする必要があります。例: ダウンロード用の「Web ページ スキル」ファイル パッケージがあり、ファイル名は「homepagejq.zip」で、Web サイトにアップロードされています。このリンクのコードは次のように記述できます。「」をダ​​ウンロードするには、ここをクリックしてください。 Web ページ スキル」ファイル パッケージ。

2.リンク先のWebページを新しいウィンドウで開きます

「target」の値を「_blank」に設定します。例: Web ページ「aboutme.htm」を新しいウィンドウで開きます。この効果を生み出すコードは「About Me…」です。

3. マウスをリンクに移動すると、説明テキストの行が表示されます

この効果を得るには、「title」パラメータ値を設定します。例：リンク「黄山の村人」にマウスを移動すると「スキルを紹介する専門サイトです」と表示されます。このリンクのコードは次のようになります: 黄山の村人。

4.リンク上にマウスを移動するとウィンドウがポップアップします

これはonmouseoverパラメータを設定することで得られる効果です。例: マウスをリンク上に移動すると、ウィンドウがポップアップし、ウィンドウ内に「マウス ホバー効果のデモンストレーション!」と表示されます。このリンクのコードは次のとおりです: link。同様の方法を使用して、マウスを押すとプロンプト ウィンドウがポップアップし、マウスを離すとプロンプト ウィンドウがポップアップする効果を作成できます。

5. このページの指定されたコンテンツへのリンク

このページのコンテンツの特定の部分へのリンク（つまり「ファイル内でジャンプ」）を実現するには、パラメーター名を使用して名前を指定する必要がありますリンクポイントの。テキストの一部を選択し、リンク用の name パラメーターを使用して名前を付けます。いわゆる同じファイル内でのジャンプとは、読者が非常に長いファイルを読んでいるときに、コンテンツの特定の部分だけに興味がある場合は、ジャンプ読書方法を使用できることを意味します。基本的な形式は次のとおりです:

パート 2、パート 1....
.. ……
後編の実際の内容……
……………… ......

こうすることで、「パート２」のハイパーリンクをクリックすると、自動的に「パート２の実際の内容」に移動します。 「name」パラメータで定義されるリンクポイント名は任意に選択できますが、リンクの「href」パラメータのリンクポイント名と一致している必要があります。先頭に「#」を追加することを忘れないでください。

6.他のページの指定されたコンテンツの場所へのリンク

方法は上記の例と似ていますが、「href」パラメータのリンクポイント名の前にWebページのファイル名を追加する必要があります。例: page1.htm と page2.htm という 2 つの Web ページがあり、各ページにはコンテンツの 2 つの部分があります。リンクをクリックすると、page1.htm の 2 番目の部分に移動します。 page2.htm より優れています。まず、このコードを page2.htm の 2 番目の部分の先頭に記述し、page1.htm の 2 番目の部分にそのようなリンク コードを記述します。

7. E_mailへのリンク

ハイパーリンクをクリックすると、クライアントコンピュータ上の電子メール管理ソフトウェアが起動し、手紙を書きます。次のコード行を考えてみましょう: 私に手紙を書いてください。 「書き込みをお願いします」のリンクをクリックすると、メール管理ソフト（OEなど）の書き込み機能が自動的に起動し、受信者のアドレスバーにメールアドレスが追加されます。

リンクはテキストをキャリアとして使用するだけでなく、画像をキャリアとして使用することもでき、画像の特定の部分をキャリアとして使用することもでき、方法も同じであり、唯一の違いです。はキャリア、つまり角括弧で囲まれた 2 つの部分なので、別の例は示しません。

上記は初心者向けの古い知識を学ぶためのコンテンツです (3) ハイパーリンク タグの使用方法に関する HTML チュートリアル その他の関連コンテンツについては、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。