H5リンクの使用-htmlチュートリアル-php.cn

H5リンクの使用

php中世界最好的语言

リリース： 2018-04-19 17:12:40

オリジナル

15295 人が閲覧しました

今回はH5リンクの使い方についてご紹介します。H5リンクを使用する際の注意点は何ですか?実際の事例を見てみましょう。

HTML リンクは、HTML ドキュメントの活力の現れであると考えることができます。HTML リンクだけが HTML ドキュメント全体をより柔軟にし、お気に入りのコンテンツを見つけることができます。

HTML はハイパーリンクを使用して、Web 上の別のドキュメントに接続します。リンクはほぼすべての Web ページにあります。リンクをクリックすると、あるページから別のページにジャンプします。

HTML

ハイパーリンク:

HTML では、タグを使用してハイパーテキストリンクを設定します。

ハイパーリンクは、単語、単語、単語のグループ、または画像です。これらのコンテンツをクリックすると、新しいドキュメントまたは現在のドキュメントの特定の部分にジャンプできます。

Web ページ上のリンク上にマウスポインターを移動すると、矢印が小さな手に変わります。

href 属性は、リンクのアドレスを記述するためにタグで使用されます。

デフォルトでは、リンクはブラウザに次のように表示されます:

未訪問のリンクは青色のフォントと下線で表示されます。

訪問したリンクは紫色で下線付きで表示されます。

リンクをクリックすると、赤く下線が引かれて表示されます。

注: これらのハイパーリンクに CSS スタイルが設定されている場合、表示スタイルは CSS 設定に従って表示されます。

HTML リンク構文:

<a href="url">链接文本</a>

ログイン後にコピー

href 属性はリンクのターゲットを記述します。

例:

rrree

コード表示の実装: Yiju チュートリアルにアクセスしてください

上のリンクからユーザーは Yiju Tutorials のホームページにアクセスできます。

ここで注意していただきたいのは、「リンクテキスト」はテキストである必要はないということです。

画像またはその他の HTML 要素をリンクにすることができます。

HTML リンク - ターゲット属性

target 属性を使用すると、リンクされたドキュメントを表示する場所を定義できます。

りー

リンクをリンクホームページとして定義し、target 属性を空白にします。これは、リンクによってホームページが新しいウィンドウで開かれることを意味します。

HTMLリンク - id属性

id 属性を使用して、HTML ドキュメント内にブックマークタグを作成できます。

ヒント: ブックマークは特別な方法で表示されるわけではなく、HTML ドキュメントにも表示されないため、読者には表示されません。
例:

HTML ドキュメントに ID を挿入:

<a href="/"></a>

ログイン後にコピー

HTML ドキュメント内に「役立つヒントセクション (id="tips")」へのリンクを作成します:

<a href="http://www.php.com/" target="_blank">访问</a>

ログイン後にコピー

あるいは、別のページから「役立つヒントセクション (id="tips")」へのリンクを作成します:

<a id="tips">有用的提示部分</a>

ログイン後にコピー

注意事項:

注: サブフォルダーには必ずスラッシュを追加してください。 href="http://www.runoob.com/html" のようにリンクを記述すると、サーバーに対して 2 つの HTTP リクエストが生成されます。これは、サーバーがこのアドレスにスラッシュを追加して、次のような新しいリクエストを作成するためです: href="http://www.111cn.com/html/"

画像リンク例:

<a href="#tips">访问有用的提示部分</a>

ログイン後にコピー

すぐに使える例:

<a href="http://www.php.cn/html/html-links.html#tips">
访问有用的提示部分</a>

ログイン後にコピー

現在指定されているページは、指定された場所にリンクしています:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>)</title> 
</head>
<body>
<p>创建图片链接:
<a href="/wy/148886.htm">
<img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
<p>无边框的图片链接:
<a href="/wy/148886.htm">
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
</body>
</html>

ログイン後にコピー

例を見てとても興奮したと思いますので、すぐに

エディタを開いて見てください。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQueryは全選択と単一選択の反転を実現

jQuery操作の背景色のグラデーションアニメーション効果

jQueryプラグインFusionChartsは円グラフを描画します

以上がH5リンクの使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。