blockquote要素

blockquote要素は、引用文をブロックレベル要素として使用します。

blockquote要素の説明図
mark要素
記法

<blockquote cite=”引用先のURL”>
 引用文
 <cite>タイトルや出典元</cite>
</blockquote>

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/main.css" />
    <title>blockquote要素に関して</title>
  </head>

  <body>
    <p>blockquote要素について</p>
    <blockquote cite="引用元url">
      <p>
        blockquote要素は、引用・転載文であることを示す要素になリます。
        また、cite要素でタイトルや出典元を表記する必要があります。
      </p>
      <cite>引用元:<a href="引用元url">ページタイトル</a></cite>
    </blockquote>
  </body>
</html>
blockquote {
  border: 1px solid black;
  padding: 1rem;
}
出力結果

blockquote要素について

blockquote要素は、引用・転載文であることを示す要素になリます。 また、cite要素でタイトルや出典元を表記する必要があります。

引用元:ページタイトル