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サーバーは--read-onlyオプションで実行されているため、このステートメントを実行できません

会議中に同僚から開発ライブラリを書き込めないとの報告を受けました。エラー メッセージは次のとおりでし...

純粋なCSSで立体的な画像配置効果を実現するサンプルコード

1. 要素の幅/高さ/パディング/マージンのパーセンテージ基準要素の幅/高さ/パディング/マージンの...

MySQL トリガーの使用方法と利点と欠点の紹介

目次序文1. トリガーの概要2. トリガーの作成2.1 トリガー構文の作成2.2 コード例3. トリ...

CSS3 ベジェ曲線の例: リンクホバーアニメーション効果の作成

CSS3 アニメーション トランジションを使用して、リンクの上にマウスを移動すると小さなポップアップ...

デザイン参考 WordPressウェブサイト構築成功事例

これら 16 のサイトはそれぞれ注意深く読む価値があり、どのサイトでも推奨されている Web サイト...

Nginx+Keepalived でデュアルマシン マスターとバックアップを実装する方法

序文まず、高性能サーバーの高可用性またはホットスタンバイソリューションである Keepalived ...

3つの主要データベース(Mysql、SqlServer、Oracle)の違いについて簡単に説明します。

マイグレーションアドバンテージ:小型、高速、総所有コストが低い、オープンソース。複数のオペレーティン...

Linux lnコマンドの使用

1. コマンドの紹介ln コマンドは、ファイルのリンクを作成するために使用されます。リンクは、ハード...

JS正規RegExpオブジェクトについての簡単な説明

目次1. RegExpオブジェクト2. 文法2.1 定義2.2 修飾子2.3 角括弧2.4 メタ文字...

Maven+Tomcat 基本イメージを構築する Docker の実装

序文Javaプログラミングでは、ほとんどのアプリケーションはMavenに基づいて構築されており、配信...

vue構成ファイルはルーティングとメニューインスタンスコードを自動的に生成します

目次前面に書かれたルータ.jsonルート生成メニュー生成効果要約する前面に書かれたルートを繰り返し記...

CSS3で実装されたサムネイルホバー効果

成果を達成する実装コードhtml <ヘッダー> <h1><em>...

Vue プロジェクトに Electron を追加するための詳細なコード

1. package.jsonに追加する "メイン": "electr...

VUE+Canvasはデスクトップピンボールブロック破壊ゲームのサンプルコードを実装します

誰もがピンボールやレンガ崩しのゲームをプレイしたことがあるでしょう。左と右のキーを使用して、下にある...

抽選効果を実現するJavaScript

この記事では、宝くじマシンの効果を実現するためのJavaScriptの具体的なコードを参考までに共有...