何ができるかを確認するページ(h1レベル)

後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大

h2レベル

h3レベル

h4レベル

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。(Wikipediaより)つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。(Wikipe

リスト

普通のリスト

  • 項目01
  • 項目02

番号付きリスト

  1. 番号付きリスト01
  2. リスト02

引用

引用文はこんな感じ。出典先とか、他のサイトの文章を拾ってくる場合の流儀の使い方
(ウィキペディア出典)

引用しました。

いろいろな文章

テキストの装飾について

文章を太くする。文章を斜めにする。

文章にリンクをつける。

ページ内リンクで祭りのページに移動。
外部リンクでYahooのページに移動

yahooo

その他の装飾

インラインコードについて 

<HTML>とか?
<pre><code>プログラミングのコード</code></pre>

インライン画像について

インライン画像。文章の途中に画像を差し込む場合に使います。このような見た目になります。

色とかつける場合

カラフルな文字をつくる。背景色が赤。文字色が白

背景色がグラデーション

背景色がグラデーション2

文字サイズ

文字の大きさいろいろ(フォントサイズ)

XXLサイズ

XLサイズ

Lサイズ

Mサイズ

Sサイズ

ハイライト

ハイライトを使うと文中で文字色を変更できます。今は緑ですが青も使えます。文字の背景も変えられます。

キーボード入力

入力の仕方。例えば shift + Enter キーで改行。Enterキーで段落の改行となります。

上付き文字

円の方程式 x2+y2=1

下付き文字

水:H2Oや二酸化炭素:CO2

打ち消し線

打ち消し線

数式

x2,abx^2,\frac{a}{b}
∂2y∂t2=v2∂2y∂x2\frac{\partial^2 y}{\partial t^2} = v^2 \frac{\partial^2 y}{\partial x^2}
ax2+bx+c=0     x=−b±b2−4ac2a   ax^{2}+bx+c=0      x=\frac{-b \pm \sqrt{b^2-4ac}}{2a}   

脚注の使い方

他の書籍や論文、Webサイトからデータや文章を引用した際の情報源を示す場合。
例:「調査結果(脚注1)によると、利用者の約8割が満足している。」
※脚注を使うと、ページの一番下に飛び、そこで説明を後で加えることができます。

画層の配置

中央揃え

中央揃え

中央揃えの場合は、次の文章が下に来る

アコーディオンの中身

左寄せ

左寄せ

左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。左寄せの場合は、次の文章が右にきます。こんな感じで回り込みます。

右寄せ

右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。右寄せの場合は、こんな感じで、文章が左側に配置されます。そして画像を回り込みます。

ギャラリー

3列

2列

テーブル(表)

Aさん1234
Bくん5313
Cさん2451
Dさん3133
合計11101211

背景を固定してテキストを表示する

詳細

要約

要約の中身が入ります。

改行について

改行はWordと同じような仕様です。Enterキーで改行の場合は、段落として処理されます。

改行はWordと同じような仕様です。Enterキーで改行の場合は、段落として処理されます。

shift + Enterキーで改行した場合は、段落内で改行されます。
段落内の開業ができます。

スペーサーについて

間隔を自分でコントロールして空けたいときに使います。

上の文章と下の文章にスペースを空ける。(100pxの距離)

[+]をクリックして、スペーサーと入力または… / と入力してspacerと入力すると選択できます。
100pxのスペーサーを設定したので、上の文章と100px空きます。

地図の埋め込み方

googleマップの埋め込み

yahooマップの埋め込み

  1. 脚注の飛び先。ここに飛んで、文章の説明が入ります。ページの最後に説明を詳しくできます。 ↩︎