第3回「文字の飾りつけ」 の変更点

#contents
*ページの構成 [#ga525ece]

ウィキページは二つの要素。~
すなわち''インライン要素''と''ブロック要素''で構成されています。~
詳しい事は後回しにして、ちょっとだけ説明すると、~

''ブロック要素''はページの構造に関係していて、インライン要素を中に含むことが出来る。~

''インライン要素''は文字列と文字列に加えられた変更。ブロック要素に含まれている。~



''今は大雑把にインライン要素は文章だと覚えてください。''


*文章の飾りつけ [#p57edb4a]
さて、お待たせいたしました。~
文章の飾り付けです。~
まずは見出しから：~

*見出し [#qada6003]
　*インライン要素 
と記述します。

見出しは3段階あり、*（大見出し）、**（中見出し）、***（小見出し）とあります。~
 *hako.joying.net
 **第1海域
 ***難攻不落の島

と書くと、

*hako.joying.net [#d109fa6d]
**第1海域 [#v155299d]
***難攻不落の島 [#t1e27f61]

と表示されます。~
ページの中で、複数のテーマを分ける為、整理する為に是非活用しましょう。~

なお、ページの一番上に~
 #contents

と記述すると、~

見出しを元に、目次が作成されます。~
このページにも使われていますよ。~
一番上をもう1回見て確かめてください。~
書くだけで作成されるので、長いページを作るとき目次は必需品です。~
次は文字を&color(red){カ};&color(blue){ラ};&color(green){フ};&color(yellow){ル};にしてみましょう。~

*文字色 [#k0b68a20]

文字色を変えるには、こう書きます：

 &color(色名){インライン要素};
~
例：~
 &color(red){赤く表示されます};
と書くと：~
&color(red){赤く表示されます};~

使い方は何となく分かって頂けましたか？

もう少し説明しますと、

色名の所に、Red、Blueなどの色の名前を入れます~
[[色名リスト:http://pukiwiki.sourceforge.jp/?cmd=read&page=%E8%89%B2%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89&word=%E8%89%B2%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89]]←ここに色名が乗っています。~
~
インライン要素と書いてある場所には色を変えたい文を書き込みます。色を変えたい部分を{}で囲んでください。~
~
--------
箱庭戦史では攻撃国には(orangered)、相手国には(#0066ff)と言う色で色分けしています。~
このようにして使います。~
 &color(orangered){攻撃国};
⇒&color(orangered){攻撃国};~
--------

色のつけ方が分かった所で、次は文字サイズの変え方です♪~


*文字サイズ [#s97a5e1a]
まず、タグを紹介します。~
 &size(サイズ){インライン要素};

サイズは''ピクセル単位''で指定します。記述するのは数字だけです~
インライン要素は（もう分かっていると思いますが＾＾;）変更を加える文章の事です。~ 

ではここで例を：

 &size(20){★大きく表示★};
⇒&size(20){★大きく表示★};

 &size(10){■小さく表示■};
⇒&size(10){■小さく表示■};
~
~
*色とサイズを同時変更 [#ha2d6fb4]
~
色とサイズを同時変更するには~
~
 &size(20){&color(red){赤色でサイズ変更};};~
⇒&size(20){&color(red){赤色でサイズ変更};};~
↑の様に{}；で囲めばOK です。~
~
それだけでなく、この様な事も~
 :&size(20){&color(red){'''%%サイズ変更+色変更+斜体で定義を使い、打ち消し%%'''};};|~
:&size(20){&color(red){'''%%サイズ変更+色変更+斜体で定義を使い、打ち消し%%'''};};|~

~

*強調・斜体 [#tda0e86c]
強調・斜体はシンプルです。~
''強調は：''~
''インライン要素''を
「''」&color(red){(「"」ではありません。7のボタンをShiftキーを押しながら押すと表示される「'」を2個並べて下さい)};で強調したい文字を囲むだけです。
~

例：~
~
 ''大阪外国語大学　蒙古学科　副教授　神山善三郎''
⇒''大阪外国語大学　蒙古学科　副教授　神山善三郎''
~
斜体も''大変''簡単です。

'''斜体は：'''~
 '''インライン要素'''
「'''」(「'」3個)で文字を囲むだけ。強調と大変似ていますね。~
~
例：~
 '''適当な文章が思いつかない^^;'''
~
⇒'''適当な文章が思いつかない^^;'''~

*打ち消し線 [#l4837bda]
文字を打ち消すことができます。%%お遊び的な%%物ですが、使い勝手は良いです。~
''打ち消し線は：''~
''インライン要素''を
「%%」で打ち消したい文字を囲むだけです。
~

例：~
~
 %%文学部　唯野教授%%
⇒%%文学部　唯野教授%%
~
*注釈 [#g498a3b3]
文字の後に注釈((こんな感じです。%%打ち消せるみたいです%%))を入れることができます。~
''打ち消し線は：''~
文字の後に注釈文を((で囲むだけです。
~

例：~
~
 レッド・クリスタル((資金面が大幅強化されるクリスタル。))
⇒レッド・クリスタル((資金面が大幅強化されるクリスタル。))

~


基本的な文字の飾りつけはここで終わりです。次はページをいじってみましょう。~

-[[編集方法]]
--[[第1回「はじめに」]]~
--[[第2回「編集の基本」]]~
--[[第3回「文字の飾りつけ」]]
--[[第4回「ページの飾りつけ」]]
--[[第5回「リンクさせる」]]
--[[第6回「他の人の意見を取り入れよう」]]
--[[第7回「画像の基本」]]
--[[第8回「表を作成」]]
--[[番外編「戦史の島名の色を変える」]]