最近やったこと

「PHPの前にHTMLとCSSが出来ないとサイトは作れない？！」Σ(･ω･ﾉ)ﾉ
そんなでちょびちょびお勉強中。べんきょ！べんきょ！

　 　∩
(　ﾟ∀ﾟ)彡
　 ⊂彡

バイトの仕事に必要なことを勉強してて、HTMLで文章を書くときに使うタグの使い方とか、そこでCSSのセレクタを呼び出す方法とかが分かったからメモメモ。
....φ(・ω・｀ )

HTMLで分かったのは、ソース見て構造がどうなってるか分かるのだいじ。あと、自分で書いたときに終わるところ間違わないようにするの超だいじ。

・定義リスト<dl>（Definition List)

<dl>〜</dl>の間に
<dt></dt>(Definition Term)で定義したい用語・文章を、
<dd></dd>(Definition Description)でその説明が出来るらしい。


・<div>と<span>
囲まれた部分をグループ化するらしい。


・CSSを必要なときに呼び出す方法
適応させたい部分のhtmlタグの中にクラスタ名を放り込んだらいいっぽい。
<div class="＊＊"></div>
みたいなかんじ。
 "＊＊"がクラスタ名、class とか id だとかはそのクラスタの属性を表してる。

htmlタグが少しばかり分かるようになったので、冒頭のＡＡをはてダで表示出来るようになった。
ふつうに書いたら改行が入って
　 　∩
(　ﾟ∀ﾟ)彡　
⊂彡
バラバラ事件になってまうねんｗ

だからタグ使ってみた。

<dl>
　   　∩<br>
(　ﾟ∀ﾟ)彡<br>　
⊂彡<br>
</dl>

<dl>やのに<dt><dl>使わんくていいんかなーとか、
<div>、<span>、<p>、どれでくくってもうまくいかんかったんなんでやろーとか
疑問は残るけど、とりあえず表示出来た！

　 　∩
(　ﾟ∀ﾟ)彡
　 ⊂彡

やっほい！

あと、写真をいいかんじの位置にうｐしようとしていくつか技を覚えた。

<dd class="＊＊">
＊＊＊＊＊＊＊＊
<img style="float:none;margin-top:20px;" src="http://＊＊.jpg" 
alt="＊＊＊＊" width="180" height="240">                             
＊＊＊＊＊＊＊＊
</dd>
</dl>

margin-top:20px で上マージンを 20px あけることで、本文と写真がいいかんじの位置にくる。それから float:none で文字の回りこみを解除することで、写真の説明が写真の下に表示させることが出来る。あと、 alt= でその写真がブラウザの都合とかで表示出来ない場合に、代わりに表示するテキストを指定出来るってことを知った！

　 　∩
(　ﾟ∀ﾟ)彡
　 ⊂彡