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

推薦する

HTML ベースタグ target=_parent の使用の紹介

<base> タグは、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのタ...

Vue でコンポーネントを一括インポート、登録、使用する方法

序文コンポーネントは、非常に頻繁に使用されるものです。多くの人は、コンポーネントを 1 つのファイル...

MySQLデータベースに中国語の文字を保存するときに発生するエラーを解決する方法を教えます

目次1. 遭遇した問題2. 問題を分析する3. 本当の問題4. 解決策5. ソリューション効果1. ...

Centos7 インストール mysql5.6.29 シェル スクリプト

この記事では、参考までにmysql5.6.29のシェルスクリプトを共有します。具体的な内容は次のとお...

要素シャトルフレームのパフォーマンス最適化の実装

目次背景解決新しい質問高度な背景シャトル ボックスが大量のデータを処理すると、レンダリングされる D...

MySQLデータ行と行オーバーフローのメカニズムの詳細な説明

1. 行の形式は何ですか? MySQL の行形式の設定は次のように表示されます。 実際、MySQL ...

JavaScriptでページスクロールアニメーションを実装する

目次レイアウトを作成するCSSスタイルを追加するJavaScript で要素を操作する対象要素を取得...

MySQL リンクを表示し、異常なリンクを削除する方法

序文:データベースの運用や保守の際には、リンクの総数がいくつあるか、アクティブなリンクがいくつあるか...

Vue は Ctrip のカルーセル効果を模倣します (スライディング カルーセル、以下は高度に適応)

まずケースを見てみましょう。vue+swiper を使用して実装します。スライドの高さが異なる場合、...

幅の比率に応じて高さを変えるCSSを実装するいくつかの方法

[解決策1: パディングの実装]原理:要素の padding の値がパーセンテージの場合、このパーセ...

CSS3 を使って本のページめくり効果を実現するサンプルコード

重要なポイント: 1. CSS3 3Dアニメーションをマスターする2. ページめくり後のページ内容の...

純粋なCSSを使用してスイッチ効果を実現する

まずアイデアはこの効果を実現するには、 <input type="checkbox&...

Docker構成 Alibaba Cloud Container Serviceの操作

Alibaba Cloud Dockerコンテナサービスの設定Alibaba Cloud Image...

JavaScript es6 における var、let、const の違いの詳細な説明

まず、よくある質問は、ECMAScript と JavaScript の関係は何ですか? ECMAS...

負荷分散と動的および静的分離操作を実現するDocker NginxコンテナとTomcatコンテナ

Tomcat8 イメージをダウンロード [root@localhost ~]# docker sea...