フォーマットの作り方

１、下記のコードをコピーしてコード編集ソフトに張り付ける

コードコピーサンプル

<!-- ここにコードをそのまま貼る --><!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>コードコピーサンプル</title>
<style>
  .code-box {
    position: relative;
    background: #f4f4f4;
    border: 1px solid #ccc;
    padding: 12px;
    font-family: Consolas, monospace;
    font-size: 14px;
    white-space: pre-wrap;
    text-align: left;
    border-radius: 6px;
    overflow-x: auto;
  }
  .copy-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: #4caf50;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
  }
  .copy-btn:active {
    background: #45a049;
  }
</style>
</head>
<body>

<div class="code-box">
  <pre><code id="codeText">&lt;!-- ここにコードをそのまま貼る --&gt;
&lt;div&gt;こんにちは！&lt;/div&gt;</code></pre>
  <button class="copy-btn" onclick="copyCode()">コピー</button>
</div>

<script>
function copyCode() {
  const code = document.getElementById('codeText').innerText;
  navigator.clipboard.writeText(code).then(() => {
    alert('コードをコピーしました！');
  }).catch(() => {
    alert('コピーに失敗しました...');
  });
}
</script>

</body>
</html>
<div>こんにちは！</div>

２、自作して出来上がったコードをエスケープする　下記のサイトが便利