スタイル確認ページ[h1]
これはスタイルを確認するためのダミー記事です[h2]
見出しはh1、h2、h3の三種類のみです。ページタイトル(このページでは「スタイル確認ページ」)が自動でh1になるため、本文中はh2から始めるのがhtml的に正しいことになります)。
この文章はダミーです。すでに前へ病気式は何しろその安心たんまでを折っておきたがは発展あるくなだから、全くには儲けありましうう。人でもつれないのはもし前にもしたですう。もう嘉納さんを批評書籍それほど乱暴に威張った言葉その責任あなたか帰着にというお落第でんあるですて、その元来は何か秋刀魚例があっけれども、岡田君ののが仕立のこれにとうとう大拡張とするでそれ資格に肝著作をできるように多分おろかから握るうべきて、何しろまあ想像を離さんばいで事で好かただ。
これが見出し3です。文字のスタイルは左に出てくる「Turn into」から自由に変えられます[h3]
この文章はダミーです。魚の十月うについてお影響ですんないから、主義の上に先生に一部だけの賞で前していば、別段の一遍でなりのでこのために同時に読まませなとしですものれて、古いなたながらだんだんお国かれでのましたない。あるいは申か厄介か意味を行くましから、結果上手にあるでいなけれためをご講演の今日が教えるないだ。時間にはまるではおりがしよたですでならが、よくできるだけ至って尊敬は始終下らないないのます。
todoリストはこんな感じです
- リスト2
- リスト3
- ブラウザ上でユーザーがチェックを入れることはできませんが、notion側でチェックを入れることは可能です。
普通の黒丸リストはこんな感じ
- リスト1
- リスト2
- リスト3
数字のリストはこんな感じ。
- 番号は自動で振られるので
- 間を開けてしまうとまた1から始まります
- 2や3など、途中の数字から始めることはできません
トグルリストで片付けることもできます。
リスト1
ここにいろいろ文言を書いたりここにいろいろ文言を書いたりここにいろいろ文言を書いたりここにいろいろ文言を書いたりここにいろいろ文言を書いたりここにいろいろ文言を書いたり
リスト2
- さらにここもリストにしたり。
- することも
リスト3
タブ押下するとどのリストもどんどん入れ子になります。
- また、ドラッグ&ドロップで移動も可能です
段落全体ではなく、一部分を以下のように変えることもできます[h3]
この太字はh1、h2、h2ではなく、「B(太字)」を選んだ場合。[B]このように改行なしで変更ができます。
リンクはこのようになります。 新しいページは新しいウィンドウで開きます。
文字を斜体にしたり、下線を引いたり、打ち消すこともできます。
また、あまり使わないかもしれませんが、以下のようにコードを打つこともできます。
<a href="#">これはリンクタグです。</a><p>これは段落</p>
また、文章の一部の色を変えたりすることもできます[h3]
変更したい箇所を選択し、上に出てくるバーの右の方「A」というところをプルダウンして選択するとtext color変更できます。
色は全部で10色設定されています。←これはdefault(変化なし)。
色は全部で10色設定されています。←これはgray。
色は全部で10色設定されています。←これはbrown。
色は全部で10色設定されています。←これはorange。
色は全部で10色設定されています。←これはyellow。
色は全部で10色設定されています。←これはgreen。
色は全部で10色設定されています。←これはblue。
色は全部で10色設定されています。←これはpurple。
色は全部で10色設定されています。←これはpink。
色は全部で10色設定されています。←これはred。
また、同じところから背景色の変更もできます。これはタグと同じ色です。
色は全部で10色設定されています。←これはdefault background(変化なし)。
色は全部で10色設定されています。←これはgray background。
色は全部で10色設定されています。←これはbrown background。
色は全部で10色設定されています。←これはorange background。
色は全部で10色設定されています。←これはyellow background。
色は全部で10色設定されています。←これはgreen background。
色は全部で10色設定されています。←これはblue background。
色は全部で10色設定されています。←これはpurple background。
色は全部で10色設定されています。←これはpink background。
色は全部で10色設定されています。←これはred background。
画像の左右に文言を入れることもできます。段落の左の「::」アイコンをつかんでドラッグしてください。
左右の比率もドラッグで変えることができます(画像と段落の間にマウスを持っていくと「←→」が出てつかめます)。
左右幅を変えると、画像は縦横比率を保ったまま拡大・縮小します。notion上で画像をトリミングすることはできません。
これはウェブクリッパーです。URLを入れると、OGPが表示されます。
上のように水平線を入れることができます。前後は少し開きます。
またこのように何かを引用するスタイルもあります。これは引用文です。長くても短くても構いません。
call outを選ぶと、左に絵文字の入った囲みになります。引用文もcall outも改行を入れると外に出てしまいますが。シフトを押しながら改行すると
このようにカコミの中で改行することができます。
絵文字は自由に変えられます。画像やリンクも入れられますが、かなり小さいのであまり有用ではなさそうです。