HTMLでリンクを表示する方法


  1. <a>要素を使用してリンクを作成します。<a>要素は、href属性を使用してリンク先のURLを指定します。

例:

<a href="https://www.example.com">サンプルリンク</a>
  1. テキストをクリック可能なリンクにするために、<a>要素の間に表示するテキストを記述します。

例:

<a href="https://www.example.com">サンプルリンク</a>
  1. リンクを別のウェブページで開くようにするには、target属性を使用します。target属性の値には、_blankを指定します。

例:

<a href="https://www.example.com" target="_blank">サンプルリンク</a>
  1. リンクを新しいウィンドウで開く代わりに、同じウィンドウで開くようにするには、target属性を省略します。

例:

<a href="https://www.example.com">サンプルリンク</a>
  1. テキスト以外の要素をリンクとして表示する場合は、該当の要素を<a>要素で囲みます。

例:

<a href="https://www.example.com">
  <img src="image.jpg" alt="画像">
</a>

以上がHTMLでリンクを表示する方法です。必要に応じて、<a>要素にさまざまな属性やスタイルを追加することもできます。