6
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Markdownのあると便利なコピペ記法まとめ

Posted at

初投稿になります。
この記事は、Markdownの記法に関する備忘録になります。

経緯

Markdownで文章を書いている際に、ちょくちょくHTMLで書くことがあり、そのたびに調べ、別々のページからコピペしてたのでHTMLの記法だけまとめたのが欲しいと思い記事にしてみました。(すでにそいう記事はあるかもですが・・・)

記載する記法は、私自身がよく使っているものやあると便利だなと思うものを載せています。

動作環境

実際の表記を確認したツールは以下になります。

  • visual studio code
    • Markdown Preview Enhanced を使用
  • Typora

テキスト関連

アンダーラインを引く

<u>こんにちは</u>

テキストを右寄せ、中央、左寄せにする

  • 右寄せ
<div style="text-align: right;">
こんにちは
</div>
  • 中央
<div style="text-align: center;">
こんにちは
</div>
  • 左寄せ
<div style="text-align: left;">
こんにちは
</div>

テキストの色を変更する

  • こんにちは<font color="Red">こんにちは</font>

  • こんにちは<font color="Blue">こんにちは</font>

  • こんにちは<font color="Gold">こんにちは</font>

  • こんにちは<font color="Green">こんにちは</font>

フォントサイズを変更する

<div style="font-size: 300%"> sample text </div>

画像関連

挿入する画像サイズを変更する

<img src="画像のPATH" width=***>

※ ***は、パーセント表記でも可(例:width=50%)

画像を右寄せ、中央、左寄せにする

<div align="right">
<img src="画像のPATH">
</div>
<div align="center">
<img src="画像のPATH">
</div>
<div align="left">
<img src="画像のPATH">
</div>

その他

PDF変換時の改ページ挿入

<div style="page-break-before:always"></div>

最後に

他にも、コピペできるとサクッと書いていけそう記法ありましたら、
追記していこうと思います。

6
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?