使い方について

HTMl要素を入力するとこのページの中身が変換されます。placeholder(テキストボックス内の灰色の文字)に「コード」とでているテキストエリアにHTMLソース(以下「コード」と言う)を入力したら「変更」と書いてあるtype="button"(ボタンね)を押してください。するとこのページのHTMLソース(ページの)がそのソースに変更されます。このように

HTML試験ツールとしてお使いください。

HTMLタグの試験をする際はこのコードを使ってください。

<style>
  body { font-family: sans-serif; padding: 15px; color: #333; }
  .box { background: #f0f4f8; border-left: 4px solid #007bff; padding: 10px; margin: 10px 0; }
  button { cursor: pointer; padding: 5px 12px; }
</style>
<h1>見出し1（h1）のテスト</h1>
<h2>見出し2（h2）のテスト</h2>
<h3>見出し3（h3）のテスト</h3>
<h4>見出し4（h4）のテスト</h4>
<h5>見出し5（h5）のテスト</h5>
<h6>見出し6（h6）のテスト</h6>
<p>これは段落（&lt;p&gt;）です。<strong>太字</strong>や<u>下線</u>、<span style="color:red;">装飾</span>も試せます。</p>

<div class="box">
  <h3>要素のグループ化（div / h3）</h3>
  <ul>
    <li>リスト項目 1</li>
    <li>リスト項目 2</li>
  </ul>
  <button onclick="alert('JSも動作しています！')">動作テストボタン</button>
</div>