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

推薦する

Linux で Bash コマンド プロンプトをカスタマイズする方法

序文ご存知のとおり、bash (Bourne-Gain Shell) は、ほとんどの Linux デ...

srcまたはcss背景画像のurl値はbase64でエンコードされたコードです

ウェブ上の一部の画像の src または CSS 背景画像 URL の後に、data:image/pn...

事例を通してLinux NFSの仕組みを詳細に分析

前回の記事に引き続き、web02 サーバーを作成し、web01 サーバーと web02 サーバーの ...

垂直方向の中央揃えをエレガントに実現する方法を教えます(推奨)

序文CSS で水平方向と垂直方向に中央揃えする方法はたくさんあります。この記事で紹介する方法は非常に...

kindとDockerを使用してローカルKubernetes環境を起動する

導入Kubernetes を使い始めるのに丸一日を費やしたことはありませんか?最近登場したいくつかの...

Dockerイメージのサイズを縮小する6つの方法

2017 年に Vulhub に取り組み始めてから、私は厄介な問題に悩まされてきました。Docker...

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

テーブルを美しくするために、テーブルにさまざまな境界線の色を設定できます。基本的な構文<テーブ...

Vueカスタムディレクティブを使用してドラッグアンドドロッププラグインを構築する方法

HTML5 のドラッグ アンド ドロップ機能は誰もが知っていますが、これを使用するとドラッグ アンド...

Windows で Graphviz をインストールして開始する方法のチュートリアル

ダウンロードとインストール環境変数の設定インストール環境変数の設定確認基本的な描画の紹介グラフディグ...

Javascriptでビルダーパターンを実装する方法

概要ビルダー パターンは比較的単純なデザイン パターンであり、作成パターンに属します。定義: 複雑な...

Docker で MySQL マスター スレーブ レプリケーションを実装するためのサンプル コード

目次1. 概要1. 原則2. 実装3. スレーブインスタンスを作成する4. マスタースレーブ構成要約...

Vue パッケージ化後の空白ページの解決策

1. vue-cli がプロジェクト パッケージを作成した後にページが空白になる問題の解決方法コマン...

MySQL ストレステストツール Mysqlslap の使用

1. MySQL独自のストレステストツールMysqlslap mysqlslap は、mysql に...

MySQLの高可用性と高パフォーマンスのクラスタを構築する方法

目次MySQL NDB Clusterとはクラスター構築のための準備作業クラスターのデプロイを開始す...

CentOS はローカル yum ソースを使用して LAMP 環境を構築するグラフィック チュートリアル

この記事では、ローカル yum ソースを使用して CentOS 上に LAMP 環境を構築する方法に...