HTMLリンクチュートリアルの詳しい説明

零下一度
リリース: 2017-05-16 14:24:14
オリジナル
1630 人が閲覧しました

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

試してみる - 例

HTML リンク
HTML ドキュメント にリンクを作成する方法。

(その他の例はこのページの下部にあります)

HTML ハイパーリンク (リンク)

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

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

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

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

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

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

訪問済みのリンクは紫色で下線付きで表示されます

クリックすると、リンクは赤色で表示され、下線が付きます

HTML リンクの構文

リンクの HTML コードは非常にシンプルです。次のようになります: :

<a href="url">Link text</a>
ログイン後にコピー

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

<a href="www.php.cn/">Visit W3CSchool</a>
ログイン後にコピー

上記のコード行は次のように表示されます: Visit W3CSchool

このハイパーリンクをクリックすると、ユーザーは W3CSchool のホームページに移動します。

ヒント: 「リンクテキスト」はテキストである必要はありません。 画像 またはその他の HTML 要素をリンクにすることができます。

HTML リンク - target 属性

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

次の行は、新しいウィンドウでドキュメントを開きます:

<a href="www.php.cn/" target="_blank">Visit W3CSchool!</a>
ログイン後にコピー

HTML 接続 - id 属性

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

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

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

<a id="tips">Useful Tips Section</a>
ログイン後にコピー

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

<a href="#tips">Visit the Useful Tips Section</a>
ログイン後にコピー

または、別のページから「役立つヒント( id="tips") セクション":

<a href="www.php.cn/html_links.htm#tips">
Visit the Useful Tips Section</a>
ログイン後にコピー

基本的なメモ - 役立つヒント

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

【関連する推奨事項】

1. 特別な推奨事項: 「php Programmer Toolbox」V0.1 バージョンのダウンロード2.無料の HTML オンライン ビデオ チュートリアル

3. php.cn オリジナルの HTML5 ビデオ

チュートリアル

以上がHTMLリンクチュートリアルの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!