確認テスト: リンク

<h1>クジラに関する情報</h1>

<p>
  当団体の保護活動および調査対象のクジラ種に関する情報は、<a target="_blank">クジラ情報ページ</a>をご覧ください。
</p>

<p>
  当団体に質問をしたい場合は、お気軽に<a target="_blank">メールでご連絡ください</a>。
</p>

body {
  background-color: white;
  color: #333333;
  font:
    1em / 1.4 "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 1em;
  margin: 0;
}

h1 {
  font-size: 2rem;
  margin: 0;
  color: purple;
}

p {
  color: gray;
  margin: 0.5em 0;
}

* {
  box-sizing: border-box;
}

<h1>リストのパスの試験</h1>

<ul>
  <li><a target="_blank">シロナガスクジラの画像をリンクしてください</a></li>
  <li><a target="_blank">マッコウクジラの画像をリンクしてください</a></li>
  <li><a target="_blank">Google 画像検索にリンクしてください</a></li>
  <li><a>このページの末尾の段落へリンクしてください。</a></li>
</ul>

<div></div>

<p id="bottom">ページの末尾です。</p>

body {
  background-color: white;
  color: #333333;
  font:
    1em / 1.4 "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 1em;
  margin: 0;
}

h1 {
  font-size: 2rem;
  margin: 0;
  color: purple;
}

li {
  color: gray;
  margin: 0.5em 0;
}

div {
  height: 600px;
}

<p>
  私たちはイッカクに関する多くの研究を行っています。この研究について詳しく知りたい方は、<a href="narwhals.html" target="_blank">こちらをクリック</a>してください。
</p>

<p>
  何か質問がある方は、支援チームにメールを送ってください。<a href="mailto:whales@example.com">ここをクリック</a>すると送ることができます。
</p>

<p>
  また、<a href="factfile.pdf" target="_blank">こちらをクリック</a>すると、FAQ を含むさらに詳しい情報が掲載された資料をダウンロードできます。
</p>

body {
  background-color: white;
  color: #333333;
  font:
    1em / 1.4 "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 1em;
  margin: 0;
}

p {
  color: gray;
  margin: 0.5em 0;
}

* {
  box-sizing: border-box;
}