HTML ハイパーリンク タグ_Powernode Java アカデミー

HTML ハイパーリンク タグ_Powernode Java アカデミー

HTML を学習したり使用したりしたことがある人なら、<a> タグについてよく知っているはずです。今日は、<a> について簡単に説明し、それについての私の理解を簡単に述べたいと思います。

<a> はハイパーリンク タグです。ハイパーリンクとは何ですか?現在のコンテンツをインターネット上の別のリソースに接続します。リンクをクリックすると、リンクされた別のリソースにジャンプできます。

個人的には、ハイパーリンクは一種の能力として想像できると思います。能力を本当に発揮するには、特定の物理的オブジェクトに能力を取り付けなければなりません。たとえば、透明化の能力は、それ自体では透明にはなりません。人に取り付けて、その人が透明になったのが見られたときにのみ、能力の存在が証明されます。多くのコンテンツに添付されている <a> ハイパーリンクについても同様です。最も単純なのはテキストですが、画像など他のものでもかまいません。以下のように表示されます。

<a href="/index.html">このテキスト</a>

または

<a href="****.html">  
<img border="0" src="buttonnext.gif" />  
</a>

ハイパーリンク<a>については、前述したように、クリックすると別のネットワークリソースにジャンプする機能であるため、次の2つの点に注目する必要があります。(1)どこにジャンプするか? (2)ジャンプ先のリソースはどこで開かれ、表示されますか? 。

このとき、<a> タグの 2 つの重要な属性、つまり href 属性と target 属性に注意する必要があります。

href 属性は、接続されている別のネットワーク リソースのアドレスを示すために使用されます。絶対アドレス、相対アドレス、またはページ コンテンツ内の要素の場所を指定できます。

ターゲット属性は、接続されたリソースを開く場所を示すために使用されます。次の 5 つの値が可能です。

プロパティ値

簡単に説明すると、

_blank は、クリックすると新しいブラウザ ページが開き、リンクされたリソースが読み込まれることを意味します。_top は、リンクされたリソースが現在のページで開かれ、元のページに表示されているコンテンツが上書きされることを意味します。<a> タグにターゲット タグが設定されていない場合、リンクされたリソースは、<a> タグが最初に表示されていた場所に表示されます。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  v-model 双方向バインディングデータを実装する vue カスタム コンポーネントのサンプル コード

>>:  Tomcatにデプロイされたアプリケーションがフロントエンドページにアクセスできない問題について

推薦する

5つのCSSスクロール天井実装方法の比較(パフォーマンス向上版)

改訂版のプレビューこの記事は 3 日前に書かれたものです。先輩の同僚から改訂の提案をいくつかいただき...

Windows CVE-2019-0708 リモート デスクトップ コード実行脆弱性の再現問題

1. 脆弱性の説明マイクロソフトは2019年5月15日、CVE番号CVE-2019-0708のWin...

MySQL MyISAM と InnoDB の違い

違い: 1. InnoDB はトランザクションをサポートしていますが、MyISAM はサポートしてい...

MySQL シリーズ 9 MySQL クエリ キャッシュとインデックス

目次チュートリアルシリーズ1. MySQL アーキテクチャクエリキャッシュキャッシュされないクエリ:...

XHTMLタグには終了タグがある

<br />オリジナルリンク: http://www.dudo.org/article....

XHTML 入門チュートリアル: XHTML Web ページ画像アプリケーション

<br />適度に画像を追加すると、Web ページがより美しくなります。 画像タグ &l...

JavaScript でシンプルなクリスマス ゲームを実装する

目次序文成果を達成するコードCSSコードJSコードHTMLコードデモンストレーションのプロセス序文ク...

HTMLページでチェックボックスを操作する方法

チェックボックスは Web ページで非常によく使用されます。e コマースの Web サイトでもプラッ...

Dockerコンテナがホストポートにアクセスできない場合の解決策

最近、仕事中に問題が発生しました。Docker コンテナがホストの redis にアクセスできず、t...

Node.js における非同期プログラミングの知識ポイントの詳細な説明

導入JavaScript はデフォルトでシングルスレッドであるため、コードは並列実行するための新しい...

バントリストコンポーネントをスクロールしても、スクロールバーの位置は保持されます。

バントリストコンポーネントをスクロールするときに、スクロールバーの位置が保持されます。これは、kee...

初心者向け入門チュートリアル⑨:ポータルサイトの構築方法

さらに、ブログ プログラムで構築された記事 Web サイトは常にブログのように見え、カスタマイズでき...

MySQL でデータ復旧に binlog を使用する方法

序文最近、オンラインでデータが誤って操作されました。データベースが直接変更されたため、それを回復する...

MySQL 権限制御の詳細な説明

目次mysql 権限制御権限システムテーブル変更後にMySQLの権限を有効にする方法権限の付与と取り...

JSメモリ空間の詳細な説明

目次概要1. スタックとヒープ2. 変数オブジェクトと基本データ型3. 参照データ型とヒープメモリメ...