HTML エディターを使ってみた

goo blog 編集画面から HTML エディターを使ってみた

B（太字）：本日は晴天なり

Ｉ（斜体）：本日は晴天なり

Ｕ（下線）：本日は晴天なり

ＡＢＣ（打消し線）；本日は晴天なり

背景色；本日は晴天なり（赤）　本日は晴天なり（青）　本日は晴天なり（緑）　本日は晴天なり（黄色）　その他の色

番号なしリスト

• 晴天なり
• 晴天なり
• 晴天なり

番号付きリスト

1. 晴れ
2. 曇り
3. 雨
4. 雪

インデント

本日は晴天なり（クリック１回）

本日は晴天なり（クリック２回）

写真挿入

水平線

---

 

上記のＨＴＭＬ記述（表記）

<p><span style="font-size: small;">goo blog 編集画面から HTML エディターを使ってみた</span></p>
<p>B（太字）：<strong>本日は晴天なり</strong></p>
<p>Ｉ（斜体）：<em>本日は晴天なり</em></p>
<p>Ｕ（下線）：<span style="text-decoration: underline;">本日は晴天なり</span></p>
<p>ＡＢＣ（打消し線）；<span style="text-decoration: line-through;">本日は晴天なり</span></p>
<p>背景色；<span style="background-color: #ff0000;">本日は晴天なり（赤）</span>　<span style="background-color: #3366ff;">本日は晴天なり（青）</span>　<span style="background-color: #339966;">本日は晴天なり（緑）</span>　<span style="background-color: #ffff00;">本日は晴天なり（黄色）</span>　<span style="background-color: #b6bfa6;">その他の色</span></p>
<p>番号なしリスト</p>
<ul>
<li>晴天なり</li>
<li>晴天なり</li>
<li>晴天なり</li>
</ul>
<p>番号付きリスト</p>
<ol>
<li>晴れ</li>
<li>曇り</li>
<li>雨</li>
<li>雪</li>
</ol>
<p>インデント</p>
<p style="padding-left: 30px;">本日は晴天なり（クリック１回）</p>
<p style="padding-left: 60px;">本日は晴天なり（クリック２回）</p>
<p>写真挿入</p>
<p><img src="https://blogimg.goo.ne.jp/user_image/77/2c/8a15a8be9191abe1dce4585037ca23d9.png" alt="" width="47" height="89" border="0" /></p>
<p>水平線</p>
<hr />

---