ハイパーリンクを使用してリンクファイルを開く 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 の紹介と詳しい使い方

推薦する

Vue3 コンポジション API でロジックの再利用を実装する方法

Composition API はロジック再利用手順を実装します。ロジックコードを関数に抽出します。...

ネイティブ JavaScript 継承方法とその長所と短所の詳細な説明

目次序文プロトタイプ継承アドバンテージ欠点コンストラクタの継承アドバンテージ欠点組み合わせ継承寄生的...

HTML テーブル マークアップ チュートリアル (6): 暗い境界線の色属性 BORDERCOLORDARK

表では、右下の境界線の色を個別に定義したり、セルの左上の境界線の色を定義したりできます。これら 2 ...

jsでシンプルなパズルゲームを実現する

この記事では、簡単なパズルゲームを実装するためのjsの具体的なコードを参考までに共有します。具体的な...

Linux サーバーは最大いくつのポートを開くことができますか?

目次ポート関連の概念:ポートとサービスの関係1: nmapツールが開いているポートを検出する2: n...

Linux でハイパースレッディング技術を動的に有効/無効にする方法の詳細な説明

序文Intel のハイパースレッディング テクノロジーにより、1 つの物理コア上で 2 つのスレッド...

HTML ページ共通スタイル (推奨)

以下のように表示されます。 XML/HTML コードコンテンツをクリップボードにコピーbody、di...

Docker は 2003 年の問題を解決するために MySQL リモート接続を導入しました

MySQLへの接続ここでは、リモート接続に navicat を使用します。MySQL に接続する前に...

Selenium+testng を使用して Docker で Web 自動化を実現する方法

序文長い間さまざまな資料を読んで、ついに selenium+testng のパラメータ化の問題を解決...

インデックスは MySQL クエリ条件で使用されますか?

雇用主から MySQL クエリ条件でインデックスが使用されるかどうかを尋ねられた場合、どのように答え...

Ubuntu の起動後にアプリケーションを実行するためのターミナルの設定方法

1.メニューバーにスタートと入力し、スタートアップアプリケーションをクリックして入力します。 2. ...

MySQL 8.0 で列を素早く追加する方法

序文: MySQL 8.0 では高速な列追加がサポートされ、数秒で大きなテーブルにフィールドを追加で...

HTML の色に関する参考資料

HTML では、色は 2 つの方法で表現されます。 1 つは、青の場合は blue のように色の名前...

React Hook の使用例 (一般的なフック 6 つ)

1. useState: 関数コンポーネントに状態を持たせる使用例: // カウンター impor...

Dockerはローカルイメージをパッケージ化し、他のマシンに復元します

1. docker imagesを使用して、このマシン上のすべてのイメージファイルを表示します。 2...