HTMLリンクの作成方法 – HTMLで始めるホームページ作成
HTMLでリンクを作成する方法はとても簡単です。基本的なリンクの作成方法から、少し高度なテクニックまで、この記事では順を追って解説します。
基本的なリンクの作成方法
リンクを作成するためには、<a>タグを使用します。以下に基本的な例を示します。
<a href="https://seriu.jp/category/" rel="nofollow" target="_blank" title="リンクのタイトル" aria-label="リンクのタイトル">こちらをクリック</a>このコードは、「こちらをクリック」というテキストが リンク(外部リンク) になります。リンクをクリックすると、新しいタブで指定したURLが開きます。
リンクの種類
- 外部リンク: 他のサイトへのリンク
- 内部リンク: 同じサイト内の他のページへのリンク
- アンカーリンク: ページ内の特定の位置へのリンク
リスト形式でリンクを作成
リスト形式でリンクを作成するには、以下のようにします。
<ul>
<li><a href="https://example1.com" rel="nofollow" target="_blank" title="リンク1" aria-label="リンク1">リンク1</a></li>
<li><a href="https://example2.com" rel="nofollow" target="_blank" title="リンク2" aria-label="リンク2">リンク2</a></li>
</ul>このように、リスト内の各項目にリンクを付けることができます。さらに、リンクの数を増やすことも簡単です。
画像リンクの作成
画像をリンクにすることも可能です。以下に例を示します。
<a href="https://seriu.jp/category/" rel="nofollow" target="_blank" title="画像リンク" aria-label="画像リンク">
<img src="https://example.com/image.jpg" alt="説明文">
</a>このコードは、画像をクリックすると指定したURLに遷移するリンクを作成します。画像リンクは見栄えを良くするためによく使用されます。
まとめ
このように、HTMLでリンクを作成する方法は多岐にわたります。基本的なリンクからリスト形式、画像リンクまで、それぞれの方法を理解することで、より効果的なウェブページを作成することができます。
― 参考文献: HTML入門書
