マークダウンサンプル

Markdown WEB blog
 公開:2016-08-01 更新:2016-08-01
改行
<br>

行末で半角スペースを2つ入れる。

イタリック文字
<em>

【記述】
本日は*晴天*なり

【結果】
本日は晴天なり

強調文字
<strong>

【記述】
本日は**晴天**なり

【結果】
本日は晴天なり

ライン
<hr>

【記述】
---

【結果】


引用
<blockquote>

【記述】
>本日は晴天なり
>123
>456
>>ABC
>>DEF

【結果】

本日は晴天なり
123
456

ABC
DEF

リスト
<ul><li>

【記述】
- リスト1
- リスト2
 - リスト2-1
 - リスト2-2
※又は-の後に、必ず半角のスペースが必要(* - 何れか)

【結果】

  • リスト1
  • リスト2
    • リスト2-1
    • リスト2-2
リスト(番号)
<ol><li>

【記述】
1. リスト1
 1. リスト1-2
1. リスト2
1. リスト3

【結果】

  1. リスト1
    1. リスト1-2
  2. リスト2
  3. リスト3
ハイパーリンク
<a>

【記述】
[ヤフー](http://yahoo.co.jp)

【結果】
ヤフー

タイトル
<h1 h2・・>

【記述】
#H1です
##H2です
###H3です
####H4です
#####H5です
######H6です

【結果】

H1です

H2です

H3です

H4です

テーブル
<table>

【記述】
|タイトルA|タイトルB|
|:-------|:------:|
|北海道 | 白い恋人|
|仙台 | 源氏蛍せんべい|
|東京 | あんこ玉 |

【結果】

タイトルA タイトルB
北海道 白い恋人
仙台 源氏蛍せんべい
東京 あんこ玉
文字の色(普通にHTMLで記述)

【記述】
<Font color="gray">gray</font>
<Font color="silver">silver</font>
<Font color="white">white</font>
<Font color="navy">navy</font>
<Font color="green">green</font>
<Font color="lime">lime</font>
<Font color="blue">blue</font>
<Font color="teal">teal</font>
<Font color="olive">olive</font>
<Font color="yellow">yellow</font>
<Font color="aqua">aqua</font>
<Font color="maroon">maroon</font>
<Font color="purple">purple</font>
<Font color="magenta">magenta</font>
<Font color="red">red</font>

【結果】
gray silver white navy green lime blue teal olive yellow aqua maroon purple magenta red

打ち消し線
<del>

【記述】
~~打ち消し線~~

【結果】
打ち消し線

タグ・ソース・コマンドの表示
<code>

【記述】

[```] ※バッククオートで囲む

【結果】
<Font color="olive">olive</font>

画像埋め込み サイズ指定
<img>

【記述】
![](sample.jpg?lightbox=1024&cropResize=300)

【結果】
※サイズ指定については、grabプラグイン(Featherlight)を利用
(プラグインが無くてもポップアップする)

コメント

【記述】
<!--- コメント -->

以上

amazonほしいものリスト

次の記事 前の記事