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にデプロイされたアプリケーションがフロントエンドページにアクセスできない問題について

推薦する

WeChatミニプログラムが星評価を実装

この記事では、WeChatアプレットで星評価を実装するための具体的なコードを参考までに紹介します。具...

XHTMLはHTMLのいくつかの廃止された要素を使用しなくなりました

CSS ウェブページレイアウトを行う場合、XHTML1.0 仕様に準拠する必要があることは誰もが知っ...

Node.js はクライアントリクエストデータ内の中国語文字化けの問題を解決します

Node.js はクライアントリクエストデータ内の中国語文字化けの問題を解決しますコード例: var...

MySQL フラッシュリストとダーティページフラッシュメカニズム

1. レビューMySQL の起動後にバッファ プールが初期化されます。バッファ プールは N 個の空...

Tomcat の maxPostSize 設定に関する問題と注意事項

1. maxPostSize を設定する理由は何ですか? tomcat コンテナには送信データのサイ...

Javascriptで戦略パターンを実装する方法

目次概要コードの実装要約する概要戦略パターンは、JavaScript デザイン パターンにおける動作...

Docker を使用して ELK 環境を迅速にデプロイする方法の詳細な説明 (最新バージョン 5.5.1)

Linux サーバーに Docker をインストールした後、関連する公式 Docker イメージを...

Linux カーネルの探究: Kconfig の秘密

Linux 構成/ビルド システムがどのように機能するかを深く理解します。 Linux カーネル構成...

Nginx に lua-nginx-module モジュールをインストールする方法

ngx_lua_module は、lua パーサーを nginx に埋め込み、lua 言語で記述され...

VirtualBox は CentOS7 仮想マシンと拡張ツールをインストールします (画像とテキスト)

コンピュータシステム: win7この記事は主に写真に基づいており、多くの写真が含まれていますCent...

MySQL 8.0.24 リリースノートのいくつかの改善点

目次1. 接続管理2. オプティマイザレベルでの改善3. 機能の改善4. パフォーマンススキーマの最...

HTML チュートリアル: よく使われる HTML タグのコレクション (6)

導入された HTML タグは、必ずしも XHTML 仕様に完全に準拠しているわけではありません。実際...

MySQL 8.0.18 はクローンプラグインを使用して MGR 実装を再構築します

3 ノード MGR 内の 1 つのノードに異常があり、MGR クラスターに再度追加する必要があるとし...

XHTML+CSS Web ページ作成における美しいスタイルシートの適用

これはかなり前に書かれた記事です。今となっては、その中の考え方は学ぶ価値があるように思えます。jb5...

CSS でフロートとマージンを混合するサンプルコード

最近の勉強で、GitHub でレイアウトの練習をいくつか見つけたのですが、レイアウトにまったく慣れて...