ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLリンクコードはどうやって作るの? HTML画像リンクを作成するにはどうすればよいですか?

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

寻∝梦
リリース: 2018-08-14 13:13:47
オリジナル
6289 人が閲覧しました

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="/images/relaxing-cat.jpg"></a>
ログイン後にコピー

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

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

<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>
ログイン後にコピー


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

HTML リンク - target 属性

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

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

HTML リンク - name 属性

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

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

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

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

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

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

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

これが例です:

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

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

役立つヒント

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

役立つヒント

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

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

【関連おすすめ】

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


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


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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート