ハイパーリンクを使用してリンクファイルを開く HTML 方式の紹介

ハイパーリンクを使用してリンクファイルを開く HTML 方式の紹介

a および href 属性 HTML では、英語ではアンカーと呼ばれるハイパーリンクを表すために <a> を使用します。
<a> は、HTML ページ、画像、ビデオ ファイルなど、任意のファイル ソースを指すことができます。使用方法は次のとおりです。
<ahref="url">リンク表示テキスト</a> <a></a> 内のコンテンツをクリックするとリンク ファイルが開き、href 属性でリンク ファイルのパスが示されます。
例えば、jb51.net のホームページにリンクする場合は、次のように表現できます。
<ahref="https://www.jb51.net">Dotte Software Station jb51.net ホームページ</a>target 属性 target 属性を使用すると、リンク ファイルを新しいウィンドウで開くことができます。
<ahref="https://www.jb51.net"target=_blank>Dotte Software Station jb51.net ホームページ</a>
title 属性 title 属性を使用すると、マウスをハイパーリンクの上に置いたときにハイパーリンクのテキスト注釈を表示できます。
<ahref="https://www.jb51.net"title="Dotte Software Station Web チュートリアルとコード中国語サイト">Dotte Software Station ウェブサイト</a>コメントを複数行に表示する場合は、改行として を使用できます。
<ahref="https://www.jb51.net"title="Dotte Software Station Web チュートリアルとコード中国語サイト">Dotte Software Station ウェブサイト</a>
name 属性 name 属性を使用すると、ファイルの指定された部分にジャンプできます。
name 属性を使用するには、ペアを設定します。 1 つは名前の名前を設定することであり、もう 1 つは名前を指す href を設定することです。
<ahref="#C1">第 1 章を参照</a><aname="C1">第 1 章</a>
name 属性は、大きなドキュメントの目次を作成するためによく使用されます。各章のリンクが作成され、ファイルの先頭に配置され、各章の先頭に Name 属性が設定されます。ユーザーが章へのリンクをクリックすると、その章の内容が上部に表示されます。
ブラウザが Name で指定された部分を見つけられない場合、エラーを報告せずに記事の冒頭を表示します。
電子メール アドレスへのリンク Web サイトには、多くの場合、「お問い合わせ」リンクが表示されます。このリンクをクリックすると、Outlook Express などの電子メール クライアントが起動し、新しい電子メール ウィンドウが表示されます。この機能は <a> を使用して実現できます。
<ahref="mailto:[email protected]">Sina へのお問い合わせ</a>

<<:  見落としがちなMySQLのCOLLATIONの例の詳細な説明

>>:  React Fragment の紹介と詳しい使い方

推薦する

CSSは高度に適応したフルスクリーンを実現します

独自のデモを作成するときに、display:flex を使用して垂直方向の中央揃えを実現したいと思い...

5分でWebRTCビデオチャットを構築する

前回の記事では、Ubuntu 上の webrtc ベースの多人数ビデオチャット サービスの詳細なコー...

ハイパーコネクションの4つの状態の適用の詳細な説明

ブラウザの問題かもしれないと思うかもしれませんが、スタイル定義の順序が間違っている可能性が高いです。...

JSはBaidu Newsナビゲーションバーの効果を実現

この記事では、Baidu News Navigation Barの効果を実現するための具体的なJSコ...

ウェブサイトデザインにおいて非常に重要な概念であるdiv+floatの分析

ウェブサイトの構築では、HTML と CSS に関するさまざまな問題に常に遭遇します。ウェブサイト ...

mysql5.7.18 解凍バージョンで mysql サービスを起動します

mysql5.7.18の解凍版はmysqlサービスを起動します。具体的な内容は以下のとおりです。 1...

MySQL でよく使用されるステートメントの包括的な概要 (必読)

以下にまとめたナレッジポイントはどれもよく使われる貴重な情報ばかりですので、ぜひ上手に集めてください...

HTMLはマーキーを使用してテキストを左右にスクロールします

コードをコピーコードは次のとおりです。 <本文> //マーキーの助けを借りて<MA...

HTML+CSSを使用してマウスの動きを追跡する

ユーザーがプライバシーを意識するようになり、オンライン トラッキングに対する予防策を強化するにつれて...

Zabbixは複数のmysqlプロセスの監視を実装します

1 つのサーバー上で 3 つの MySQL インスタンス プロセスが開始され、それぞれ異なるポート ...

CSS3アニメーションとHTML5の新機能の詳しい説明

1. CSS3アニメーション☺CSS3 アニメーションは、JavaScript を介して要素のスタイ...

すべてのホストがmysqlにアクセスできるようにする方法

1. MySQLデータベースのユーザーテーブルのレコードのHostフィールド値を%に変更します。奇妙...

11 の素晴らしい JavaScript コード リファクタリングのベスト プラクティスの概要

目次1. 関数の抽出2. 重複した条件付きスニペットを結合する3. 条件分岐文を関数に抽出する4. ...

VueにおけるAxios非同期通信の詳細な説明

1. まず、インタラクティブに使用するための .json ファイルを作成します。json データ形式...

LinuxデバッガGDBの基本的な使い方の詳細な説明

目次1. 概要2. gdbデバッグ2.1. ブレークポイントを設定する2.1.1. ブレークポイント...