Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
<pre> / <blockquote> / <hr>
『pre』は整形済みテキスト（空白・改行をそのまま表示）、『blockquote』は他ソースからの引用ブロック、『hr』はテーマの区切りを示す水平線をそれぞれ表します。
構文
<!-- preタグ: スペース・改行がそのまま表示される -->
<pre>
整形済み
テキスト
引用テキスト
属性一覧
| タグ・属性 | 概要 |
|---|---|
| pre | 空白文字・改行をそのまま保持して表示します。等幅フォントで描画されます。 |
| blockquote | 他のソースから引用したブロックレベルのテキストを表します。 |
| blockquote[cite] | 引用元のURLを指定する属性です。ブラウザ上には表示されませんが、機械可読な情報として記述します。 |
| hr | 段落間のテーマの区切りを表す水平線を描画します。終了タグは不要です。 |
サンプルコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- コードブロックとして使う例 -->
<p>以下はCSSのサンプルコードです。</p>
<pre>
body {
font-size: 1rem;
color: #333;
}
次の文章はWikipediaからの引用です。
HTML（HyperText Markup Language）はウェブページの構造を記述するための言語です。