テンプレート確認用コード

テンプレートを選ぶ時にタグとスタイルの確認をします。そのためにテンプレート確認用の記事があると便利です。

このブログを始めるにあたって記事「テンプレート確認用」を書きました。

画像を除いてそのコードを公開しますので、コピーして本文に貼り付け、最新の日時で投稿してテンプレート確認用にご利用ください。投稿する時には改行の扱いを「HTMLタグのみ」に変更した方がいいと思います。



<h1>見出し1</h1>

<h2>見出し2</h2>

<p>段落パラグラフ<br /> こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは<br /> こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは</p>
<hr size="1" />
<p>↑水平線 hr</p>
<p>「<a title="linktest">リンク表示 a</a>」</p>

<h3>見出し3</h3>

<ul>
<li><b>文字装飾 bold</b></li>
<li><i>文字装飾 italic</i></li>
<li><s>文字装飾 s</s></li>
<li><u>文字装飾 u</u></li>
<li><em>文字装飾 em</em></li>
<li><strong>文字装飾 strong</strong></li>
</ul>

<h4>見出し4</h4>

<ol>
<li><span style="font-size:xx-large;">文字サイズ xx-large</span></li>
<li><span style="font-size:x-large;">文字サイズ x-large</span></li>
<li><span style="font-size:large;">文字サイズ large</span></li>
<li><span style="font-size:medium;">文字サイズ medium</span></li>
<li><span style="font-size:small;">文字サイズ small</span></li>
<li><span style="font-size:x-small;">文字サイズ x-small</span></li>
<li><span style="font-size:xx-small;">文字サイズ xx-small</span></li>
</ol>

<h5>見出し5</h5>

<blockquote><p>引用 blockquote</p></blockquote>
<pre>&lt;pre&gt;<br />ソースコード ソースコード ソースコード ソースコード<br />&lt;/pre&gt;</pre>

<h6>見出し6</h6>

<table>
<caption>テーブル表示</caption>
<colgroup span="1" />
<colgroup span="3" />
<thead>
<tr><th>番号</th><th>項目1</th><th>項目2</th><th>項目3</th></tr>
</thead>
<tbody>
<tr><th>No.1</th><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><th>No.2</th><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><th>No.3</th><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><th>No.4</th><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><th>No.5</th><td>データ1</td><td>データ2</td><td>データ3</td></tr>
<tr><th>No.6</th><td>データ1</td><td>データ2</td><td>データ3</td></tr>
</tbody>
</table>


関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。