リンクと画像

リンク（aタグ）

<a> タグは、他のページやリソースへのリンクを作成します。 Webの「ハイパーテキスト」の核となる要素です。

• href - リンク先のURLを指定する属性（必須）
• target="_blank" - 新しいタブでリンクを開く
• rel="noopener noreferrer" - target="_blank" と一緒に使うセキュリティ対策

画像（imgタグ）

<img> タグで画像を表示します。 閉じタグは不要な「空要素」です。

• src - 画像ファイルのパス（必須）
• alt - 画像が表示できないときの代替テキスト（必須・アクセシビリティ上重要）
• width / height - 画像のサイズ指定

相対パスと絶対パス

リンクや画像のパス指定には2つの方法があります：

• 絶対パス - 完全なURLを指定
  https://example.com/images/photo.jpg
• 相対パス - 現在のファイルからの相対位置
  ./images/photo.jpg（同じフォルダのimagesフォルダ内）
  ../photo.jpg（1つ上のフォルダ）

まとめ

• <a href="URL"> でリンクを作成する
• target="_blank" で新しいタブに開ける
• <img src="..." alt="..."> で画像を表示する
• alt 属性はアクセシビリティとSEOの両方で重要
• 絶対パスは完全なURL、相対パスは現在位置からの相対位置で指定する