七鍵＠楽天

少しずつタグを覚えていこうと言う企画であるはずのこの日記。
ふと気がつけばなんだか話が難しい方向へと進んでますね。
ってわけで、今日は少し息抜きに簡単なタグを紹介します(〃⌒▽⌒)

通常ページに文字を記述したり画像を貼り付けたりすると、
画面の左から順番に表示されていきますよね。
普段はこれで何も気にならないのですが、
ページ全体のデザインなどを考えだすと
「この画像は画面の真ん中に表示したいなー」とか
「この文字は画面の右端に表示したいな」とか・・・
左寄せ表示ばかりでは思うようにいきませんよね。
そこで今回は表示位置を指定するタグをご紹介します(〃⌒▽⌒)
中学生レベルの英語力があれば簡単に覚えれますので
この機会にしっかり覚えておきましょう(〃⌒▽⌒)

例）

<div align="left">左寄せ表示</div>
<div align="center">中央表示</div>
<div align="right">右寄せ表示</div>

表示結果）





どうです？簡単でしょ(〃⌒▽⌒)
当然、文字だけではなく画像などなどの表示位置も指定できますよ。

例）

<div align="right"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></div>

表示結果）



表示位置のお話はこれで終わりです(〃⌒▽⌒)
特に難しい記述でもなく、簡単な英語そのまんまなので覚えやすいでしょ(￣▽￣人)

で、例のごとくこのまま終わるのもあっけなさすぎますので
ちょっとした予備知識を(〃⌒▽⌒)

♥
♠
♣

こんな記号の表記の仕方知っていますか？
意外と知られていないのでちょっとしたおしゃれなワンポイントに使えますよね(〃⌒▽⌒)
ちなみに記述方法は

例）

<font color="#ff0000">&hearts;</font>
&spades;
&clubs;

となっています。
もちろん文字ですので、

例）
<font color="#ff0000" size="7">&hearts;</font>

表示結果）
♥

なんてこともできます(￣^￣*)
これらは専門用語で「特殊文字」と呼ばれ、たくさんの種類があります。
興味のある方は

特殊文字一覧表

を参考にしてください(〃⌒▽⌒)

明日の一日一タグは・・・
お盆休みです（笑
あさってにはきっちり復活しますので
あさってにはきっちり来てくださいね(ﾟ▽^*)ﾉ⌒☆