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

推薦する

MySQLとOracleの誤解の詳細な説明

目次本質的な違いデータベースセキュリティ権限スキーマの移行パターンオブジェクトの類似性スキーマオブジ...

MySQLトランザクションとMySQLログの詳細な説明

取引特性1. アトミック性: トランザクションの開始後、すべての操作が完了するか、まったく実行されな...

MySQL ジョイントテーブル更新デー​​タの詳細な例

1.MySQL UPDATE JOIN構文MySQL では、UPDATE ステートメントでJOIN句...

ハイパーリンクAタグを学ぶ

聞く: CSS を使用してハイパーリンクのスタイルを設定しましたが、ホバーしても機能しません。なぜこ...

リクエストを転送したり、静的リソースファイルにアクセスしたりする複数の場所への nginx の実装

この記事では主に、リクエストを転送したり、静的リソース ファイルにアクセスしたりする nginx の...

すべてまたは逆の選択機能を実現するJavaScript

この記事では、全選択または選択を反転する機能を実現するためのJavaScriptの具体的なコードを参...

Chrome 4.0 は GreaseMonkey スクリプトをサポートします

GreaseMokey (中国語では Grease Monkey Script と呼んでいます) は...

Win10 + Ubuntu 16.04 デュアルシステム 完璧なインストールチュートリアル [詳細]

必ずデータをバックアップすることを忘れないでください。データは貴重なものです! ! !コンピュータモ...

Docker で複数のアプリケーション サイトをプロキシするために Nginx を使用する方法

序文エージェントの役割は何ですか? - 複数のドメイン名が同じサーバーに解決される- 1つのサーバー...

div が iframe に覆われるいくつかの状況とその解決策

類似の構造:コードをコピーコードは次のとおりです。 <div></div>&...

CSS による要素の中央揃えの原理の分析

CSS で要素の水平方向と垂直方向の中心を設定することは、非常に一般的な要件です。しかし、理論的には...

JS 開発効率を上げる4つの超実践的なヒント

目次1. 短絡判定2. オプション連鎖演算子 (?) 3. ヌル合体演算子 (??) 4. 終了関数...

Dockerイメージの作成、アップロード、プル、デプロイを理解するための記事

目次1. 画像1. 鏡とは何ですか? 2. 画像の構成と目的(1) Dockerファイル(2)スクラ...

純粋なCSSでデジタルプラスとマイナスボタンを実装するための最適なソリューション

序文:デジタル加算ボタンと減算ボタンの実装には、次のような多くのソリューションがこれまでに使用されて...