Markdown

Markdown初心者向けチュートリアル!主要タグの使い方を解説。

Markdownを使いはじめて2ヶ月。
私がよく使うMarkdownのタグをまとめてみました。

リンクURL

Markdown

[]()

使い方

htmlのaタグと同じです。

[]に文字列を、
()にURLを入れる。

使用例

[google](https;//google.co.jp)


google

ひとこと

これ超おすすめ。
でも残念ながら”_blank”は使えない。”rel=nofollow”も使えません。

それらを挿入したい場合は普通のhtmlでかくしかないです。

画像を表示

![]()

使い方

リンクURLと同じです。
[]の文字はaltタグになります。

使用例

(画像が表示されます)

ひとこと

『!』が増えただけですが、これだけで画像を表示できます。
altタグつけてくれるのもgoodです。
リンク追加はできません。画像をクリックしても飛べないということです。ちょっと残念。

Flickrなどからアイキャッチをとってくる人なんかは重宝するのではないでしょうか?(私)

引用タグ

>

使い方

大なり記号+半角空白
行ごとに引用が適用されます。

使用例


> メロスは激怒した。 > 走れメロス

メロスは激怒した。
走れメロス

ひとこと

引用タグって長くてなんか毛嫌いしてたんですが、Markdown使い始めてから引用しまくりです。
引用めんどくさいなーと思ってる方、使いましょう。

リストタグ


-

使い方

ハイフン+半角空白
リストがかんたんに作れます。
番号リストもできます。(後述)

使用例


-aa -aaa -aaaa

-aa
-aaa
-aaaa

ひとこと

タグを書くのが面倒なリスト。htmlのつまずきポイントでもあると思います。
あと、『-』を『1.』にすれば番号リストタグになります。これも便利。

目次タグ(h1~h6)

#~######

使い方

ハッシュ+半角空白
目次が作れます。

使用例


#### h4test (´・ω・`) ##### h5test 使い方です。

h4test

(´・ω・`)

h5test

使い方です。

関連記事:

プログラミング学習で挫折する9割に入らない方法
プログラミングの意味って?勉強・学ぶ意味がないと思ってる人に読んでほしい
プログラミング初心者こそWSLを使うべき理由
今すぐできる超簡単なプログラミングの始め方【Windows・Mac】
海外のプログラミング質問サイトまとめてみた

HTML入門・基本の書き方・編集方法から勉強方法まで徹底解説
無料でプログラミング入門・2020年最新のおすすめ学習アプリ
プログラミング初心者のためのはじめてのssh接続
sublime text 3とかAtomとかVimとかあるけど、結局テキストエディタってどれがいいの?
プログラミング初心者にもわかりやすい正規表現完全入門

関連広告:

はじめてのプログラミングコース by テックアカデミー
Webデザインフリーランスコース by テックアカデミー
プログラミング&副業コース by テックアカデミー
エンジニア転職保証コース by テックアカデミー
初心者向けコース by Udemy

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です