記事作成マニュアル

更新 | 初出

とりあえずhtml記述のサンプルを

記事タイトル

見出し

中見出し

小見出し

<h1>記事タイトル</h1>
<h2>見出し</h2>
<h3>中見出し</h3>
<h4>小見出し</h4>

太字 イタリック 消し線
<b>太字</b>
<i>イタリック</i>
<del>消し線</del>

枠囲い

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

<div class="waku-box waku-p">
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
</div>

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

<div class="waku-box waku-i">
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
</div>

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

<div class="waku-box waku-w">
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
</div>

灰背景

あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。

<div class="graybox">
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
</div>

横に並べる


<div class="flexbox">
<img src="画像URL" alt="" class="alignnone" />
<img src="画像URL" alt="" class="alignnone" />
</div>

製品の特徴

  • 良いところ
  • 良いところ
  • 良くないところ
  • 良くないところ

<ul class="point">
<li class="good">良いところ</li>
<li class="good">良いところ</li>
<li class="bad">良くないところ</li>
<li class="bad">良くないところ</li>
</ul>

りんご みかん チョコ
価格 300円 500円 440円
おしい 美味しい うまい
価値 ある ある ある
ジェットブラック orange チョコ色

<table class="waku">
<tr><th></th><th>りんご</th><th>みかん</th><th>チョコ</th></tr>
<tr><th>価格</th><td>300円</td><td>500円</td><td>440円</td></tr>
<tr><th>味</th><td>おしい</td><td>美味しい</td><td>うまい</td></tr>
<tr><th>価値</th><td>ある</td><td>ある</td><td>ある</td></tr>
<tr><th>色</th><td>ジェットブラック</td><td>orange</td><td>チョコ色</td></tr>
</table>


りんご みかん チョコ
価格 300円 500円 440円
おしい 美味しい うまい
価値 ある ある ある
ジェットブラック orange チョコ色

<table class="waku1">
<tr><th></th><th>りんご</th><th>みかん</th><th>チョコ</th></tr>
<tr><th>価格</th><td>300円</td><td>500円</td><td>440円</td></tr>
<tr><th>味</th><td>おしい</td><td>美味しい</td><td>うまい</td></tr>
<tr><th>価値</th><td>ある</td><td>ある</td><td>ある</td></tr>
<tr><th>色</th><td>ジェットブラック</td><td>orange</td><td>チョコ色</td></tr>
</table>


りんご みかん チョコ
価格 300円 500円 440円
おしい 美味しい うまい
価値 ある ある ある
ジェットブラック orange チョコ色

<table class="waku2">
<tr><th></th><th>りんご</th><th>みかん</th><th>チョコ</th></tr>
<tr><th>価格</th><td>300円</td><td>500円</td><td>440円</td></tr>
<tr><th>味</th><td>おしい</td><td>美味しい</td><td>うまい</td></tr>
<tr><th>価値</th><td>ある</td><td>ある</td><td>ある</td></tr>
<tr><th>色</th><td>ジェットブラック</td><td>orange</td><td>チョコ色</td></tr>
</table>


りんご みかん チョコ
価格 300円 500円 440円
おしい 美味しい うまい
価値 ある ある ある
ジェットブラック orange チョコ色

<table class="waku3">
<tr><th></th><th>りんご</th><th>みかん</th><th>チョコ</th></tr>
<tr><th>価格</th><td>300円</td><td>500円</td><td>440円</td></tr>
<tr><th>味</th><td>おしい</td><td>美味しい</td><td>うまい</td></tr>
<tr><th>価値</th><td>ある</td><td>ある</td><td>ある</td></tr>
<tr><th>色</th><td>ジェットブラック</td><td>orange</td><td>チョコ色</td></tr>
</table>


りんご みかん チョコ
価格 300円 500円 440円
おしい 美味しい うまい
価値 ある ある ある
ジェットブラック orange チョコ色

<table class="waku4">
<tr><th></th><th>りんご</th><th>みかん</th><th>チョコ</th></tr>
<tr><th>価格</th><td>300円</td><td>500円</td><td>440円</td></tr>
<tr><th>味</th><td>おしい</td><td>美味しい</td><td>うまい</td></tr>
<tr><th>価値</th><td>ある</td><td>ある</td><td>ある</td></tr>
<tr><th>色</th><td>ジェットブラック</td><td>orange</td><td>チョコ色</td></tr>
</table>


りんご みかん チョコ
価格 300円 500円 440円
おしい 美味しい うまい
価値 ある ある ある
ジェットブラック orange チョコ色

<table class="waku5">
<tr><th></th><th>りんご</th><th>みかん</th><th>チョコ</th></tr>
<tr><th>価格</th><td>300円</td><td>500円</td><td>440円</td></tr>
<tr><th>味</th><td>おしい</td><td>美味しい</td><td>うまい</td></tr>
<tr><th>価値</th><td>ある</td><td>ある</td><td>ある</td></tr>
<tr><th>色</th><td>ジェットブラック</td><td>orange</td><td>チョコ色</td></tr>
</table>