ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでハイパーリンクジャンププロンプトコードを記述する方法

HTMLでハイパーリンクジャンププロンプトコードを記述する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-04 10:39:497880ブラウズ

HTML では、title 属性を使用してハイパーリンク ジャンプ プロンプト コードを追加できます。要素タグに「title="ハイパーリンク ジャンプ プロンプト ワード"」スタイルを追加するだけです。 title 属性は要素に関する追加情報を指定します。通常、要素上にマウスを移動するとツールヒント テキストが表示されます。

HTMLでハイパーリンクジャンププロンプトコードを記述する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

ハイパーリンクの title 属性は、プロンプト情報を追加できます。次のコードの title フィールドは、プロンプト情報です。ターゲットは、新しいページが開かれる方法 (このページで開かれるか、別のページで開かれるか) を指します。新しいページ。

<a href="https://www.catchstar.top" title="点击跳转到首页" target="_blank">
    <i class="layui-icon layui-icon-link"></i>
</a>

中国語が文字化けしている場合は、このコードを使用してutf-8形式に統一してください

<meta charset="utf-8" />

ただし、メモ帳を使用すると、まだエラーが発生します。エンコード方式を変更する メモ帳のエンコードを変更するだけです。

拡張情報:

タグは、あるページから別のページにリンクするために使用されるハイパーリンクを定義します。

要素の最も重要な属性は、リンクのターゲットを示す href 属性です。

#すべてのブラウザでのリンクのデフォルトの外観は次のとおりです。

    #未訪問のリンクには青色の下線が表示されます
  • 訪問済みのリンクには下線が表示されます
  • #アクティブなリンクには下線が引かれ、赤で色付けされます
  • ヒント: W3School サイト内のリンクは大きく異なって見えることにお気付きかもしれません。デフォルトのリンクの外観から。 CSS 疑似クラスを使用して、複雑で多様なスタイルをテキスト ハイパーリンクに追加できます。
ヒント: href 属性を使用しない場合は、download、hreflang、media、rel、target、および type 属性を使用できません。

ヒント: 別のターゲット (ターゲット属性) を指定しない限り、リンクされたページは通常、現在のブラウザ ウィンドウに表示されます。

ヒント: CSS を使用してリンクのスタイルを設定してください。

推奨学習: HTMLでハイパーリンクジャンププロンプトコードを記述する方法html ビデオ チュートリアル

以上がHTMLでハイパーリンクジャンププロンプトコードを記述する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。