Web ページ制作の初心者: HTML ハイパーリンク A タグ_HTML/Xhtml_Web ページ制作の使い方を学ぶ

ハイパーリンクaタグはリンクポイントを表し、英語のアンカーの略称です。その機能は、現在の位置にあるテキストまたは画像を他のページ、テキスト、または画像に接続することです。これはよく知られていますが、その文法構造はあまり知られていないため、効果的に使用するには、その文法構造を理解する必要があります。 ハイパーリンクタグはリンクポイントを表し、英語のアンカーの略称です。その機能は、現在の位置にあるテキストまたは画像を他のページ、テキスト、または画像に接続することです。これはよく知られていますが、その文法構造はあまり知られていないため、効果的に使用するには、その文法構造を理解する必要があります。 タグの基本的な構文構造は次のとおりです。
class=type
id=value
href=reference
name=value
rel=same|next|親| 前の
rev=value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>
タグの文法構造から、ハイパーリンクを設定してさまざまなリンク効果を実現するために選択できるパラメーターが多数あることがわかります。これは少し予想外でしょうか。 ！
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 ページを開くことを意味します。
title: リンクポイントが選択されたときに表示されるタイトルを設定するために使用されます。
onclick: イベントに対応します。リンク ポイントがクリックされると、このイベントがトリガーされ、対応するサブルーチンが実行されます。
onmouseover: onclick と同様に、マウスがリンク ポイント上に移動すると、対応するイベントがトリガーされます。
onmouseout: マウスが町の連絡先から出た後に、対応するイベントがトリガーされます。
いくつかの例: ホームページに戻る
音声ファイルを再生する
対応するプログラムを実行する
開く対応するプログラム 文書の処理
アプリケーションスキル
1. ダウンロードファイルの提供
多くのネチズンがダウンロード効果を提供する方法を尋ねる書き込みをしています。実際には、これはまだハイパーリンクですが、ダウンロード用のファイルを Web サイトにアップロードする必要があります。例: ダウンロード用の「Web ページ スキル」ファイル パッケージがあり、ファイル名は「homepagejq.zip」で、Web サイトにアップロードされています。このリンクのコードは次のように記述できます。 ダウンロードするにはここをクリックしてください。 「Web ページ スキル」ファイル パッケージ 。
2. リンク先のWebページを新しいウィンドウで開きます
「target」の値を「_blank」に設定します。例: Web ページ「aboutme.htm」を新しいウィンドウで開きます。この効果を生成するコードは次のとおりです: About me...。
3. リンクにマウスを移動し、説明テキストの行を表示します。
この効果を得るには、「title」パラメーターの値を設定します。例：リンク「スクリプトホーム」にマウスを移動すると、「ホームページ制作のテクニックを紹介する専門サイトです」という説明が表示されます。このリンクのコードは次のとおりです: Web ページ制作 スキルを紹介する専門 Web サイトです">Script House。
4. リンクにマウスを移動すると、ウィンドウがポップアップします。
これは、onmouseover パラメーターを設定することによって得られる効果です。例: マウスをリンク上に移動すると、ウィンドウがポップアップし、ウィンドウ内に「マウス ホバー効果のデモンストレーション!」と表示されます。このリンクのコードは次のようになります: Link。同様の方法を使用して、マウスを押すとプロンプト ウィンドウがポップアップし、マウスを離すとプロンプト ウィンドウがポップアップする効果を作成できます。
5. このページの指定されたコンテンツへのリンク
このページのコンテンツの特定の部分へのリンク (つまり、「ファイル内でジャンプ」) を実現するには、リンク ポイントの名前をパラメータ名で指定する必要があります。テキストの一部を選択し、リンク用の name パラメーターを使用して名前を付けます。いわゆる同じファイル内でのジャンプとは、読者が非常に長いファイルを読んでいるときに、コンテンツの特定の部分だけに興味がある場合は、ジャンプ読書方法を使用できることを意味します。基本的な形式は次のとおりです:
パート 2パート 1 の内容...
................................................. ...................
後半の実際の内容...
.... .. ...................
「パート２」をクリックするとこうなります このハイパーリンクの後、自動的に転送されます「第 2 部実際のコンテンツ」の場所。 「name」パラメータで定義されるリンクポイント名は任意に選択できますが、リンクの「href」パラメータのリンクポイント名と一致している必要があります。先頭に「#」を追加することを忘れないでください。
6. 他のページの指定されたコンテンツの場所へのリンク
方法は上記の例と似ていますが、Web ページのファイル名をリンクポイント名の前に追加する必要があります。 「href」パラメータ。例: page1.htm と page2.htm という 2 つの Web ページがあり、各ページにはコンテンツの 2 つの部分があります。リンクをクリックすると、page1.htm の 2 番目の部分に移動します。 page2.htm より優れています。まず、page2.htm の 2 番目の部分の先頭に次のコードを記述します。 ; このようなリンク コードを page1.htm に記述します。 page2 の 2 番目の部分 部分的なコンテンツ。
7. E_mail へのリンク
ハイパーリンクをクリックすると、クライアント コンピューター上の電子メール管理ソフトウェアが起動して、レターを送信します。次のコード行を考えてみましょう: 私に手紙を書いてください。 「書き込みをお願いします」のリンクをクリックすると、メール管理ソフト（OEなど）の書き込み機能が自動的に起動し、受信者のアドレスバーにメールアドレスが追加されます。
リンクはテキストをキャリアとして使用するだけでなく、画像をキャリアとして使用することもでき、また、画像の特定の部分をキャリアとして使用することもでき、方法も同様であり、唯一の効果を達成できます。違いはキャリア、つまりリンクです。2 つの角括弧で囲まれた部分です。別の例は示しません。