HTMLリンクコードはどうやって作るの？ HTML画像リンクを作成するにはどうすればよいですか?

HTMLリンクコードを作成するには? HTML画像リンクを作成するにはどうすればよいですか?この記事ではテキストリンクコードと画像リンクコードについて詳しく紹介します。

まず第一に、HTML のリンク コードが何であるかを理解する必要があります:

HTML のリンク コードは、テキストをハイパーリンクに変換する HTML 内のコードです。

HTML はハイパーリンクを使用して、Web 上の別のドキュメントに接続します。

ほぼすべての Web ページにリンクがあります。リンクをクリックすると、あるページから別のページにジャンプします。

HTML リンク コードの作成方法:

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

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

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

タグを使用して HTML でリンクを作成します。

タグを使用するには 2 つの方法があります:

href 属性を使用する - 別のドキュメントへのリンクを作成する

name 属性を使用する - ドキュメント内にブックマークを作成する

HTML リンク構文

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

<a href="url">Link text</a>

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

開始タグと終了タグの間のテキストがハイパーリンクとして表示されます。

例:

<a href="http://www.PHP.cn/">Visit PHP中文网</a>

上記のコード行は次のように表示されます: PHP 中国語 Web サイトにアクセス

このハイパーリンクをクリックすると、ユーザーは PHP 中国語 Web サイトのホームページに移動します。

HTML画像リンクの作成:

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

例:

要素を a 要素にネストすることで、要素をリンクに変えることができます。

画像を a 要素にネストします。例:

<a href="#"><img  src="/static/imghwm/default1.png"  data-src="/images/relaxing-cat.jpg"  class="lazy"   alt="HTMLリンクコードはどうやって作るの？ HTML画像リンクを作成するにはどうすればよいですか?" ></a>

"images/relaxing-cat.jpg" は画像の名前です。

タグを使用して実装します

<a href="链接的地址"><img  src="/static/imghwm/default1.png"  data-src="图片的URL"  class="lazy"      style="max-width:90%" height="图片的高度" border="边框" alt="HTMLリンクコードはどうやって作るの？ HTML画像リンクを作成するにはどうすればよいですか?" ></a>

定義と使用法
タグは、あるページから別のページにリンクするために使用されるハイパーリンクを定義します。
要素の最も重要な属性は、リンクのターゲットを示す href 属性です。

HTML リンク - target 属性

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

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

<a href="http://www.PHP.cn/" target="_blank">Visit PHP中文网!</a>

HTML リンク - name 属性

name 属性はアンカーの名前を指定します。

name 属性を使用して HTML ページにブックマークを作成できます。

ブックマークは特別な方法で表示されるわけではなく、読者には見えません。

名前付きアンカーを使用すると、名前付きアンカー (ページ上のセクションなど) に直接ジャンプするリンクを作成できるため、ユーザーは必要な情報を見つけるために絶えずスクロールする必要がなくなります。

アンカーに名前を付けるための構文:

<a name="label">锚（显示在页面上的文本）</a>

ヒント: アンカーの名前は任意の名前にすることができます。

ヒント: name 属性の代わりに id 属性を使用することもできます。

これが例です:

まず、HTML ドキュメント内のアンカーに名前を付けます (ブックマークを作成します):

基本的なメモ - 役立つヒント を作成します。同じドキュメント内のこのアンカーへのリンク:

役立つヒント

他のページでこのアンカーへのリンクを作成することもできますアンカーのリンク:

役立つヒント

上記のコードでは、 # 記号とアンカー名を末尾に追加します。 URL を指定すると、アンカーという名前のヒントに直接リンクできます。

さて、以上はHTMLにおけるリンクコードと画像リンクの作成についてでした。

【関連おすすめ】

HTMLをゼロから学べるHTMLの基本要素

HTMLファイルとは何ですか？ HTML ファイルについての予備的な理解

以上がHTMLリンクコードはどうやって作るの？ HTML画像リンクを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。