本文へスキップ
BecomeCoder

Markdownコース · 第1章 Markdownをはじめる · レッスン1

見出しと段落

ブラウザで完結

導入

文章のいちばん基本は「見出し」と「段落」です。Markdown では、行の先頭に # を付けるだけで見出しになります。

説明

# の数が見出しのレベル(大きさ)を表します。# が1つで最大の見出し、##### と増えるほど小さくなります。HTML<h1><h6> に対応します。

# 大見出し(h1)
## 中見出し(h2)
### 小見出し(h3)

段落は、ふつうに文章を書くだけです。空行をはさむ と別の段落として扱われます。改行したいだけのときと、段落を分けたいときの違いを意識しましょう。

やってみよう

下のエディタに次のように打ち込んで、右のプレビューで見出しの大きさが変わることを確かめましょう。

# はじめての見出し

これは最初の段落です。

これは次の段落です。

演習

##(h2)で「自己紹介」という見出しを作り、その下に1段落の文章を書いてください。

ヒント1を見る

見出しは行の先頭に ## とスペースを1つ置いて書きます。## 自己紹介

実際に動かしてみよう

下のエディタに Markdown を書くと、右側にレンダリング結果がその場で表示されます。本文の記法を実際に打ち込んで、表示がどう変わるか確かめながら進めましょう。

Markdown プレビュー

書いた Markdown をその場で HTML に変換して表示する学習用プレビューを読み込みます。
スクロールして表示された時点でも自動で読み込まれます。