WEBデザインの勉強記録④

本日も勉強できてます。
本当は午前中にしたかったけどゴロゴロしてたら昼になってました。

使用する教本
スラスラわかるHTML＆CSSのきほん
狩野祐東　著

感想
本日の勉強した部分はchapter「リンクと画像の挿入」
今まで一番難しかった？かもしれない。
まずは、リンクを設定をする部分だが、相対パスや絶対パスについて
しっかり理解すること必要だ。<a href>を使用してパスを指定するわけだが
この指定の仕方にも決まったルールあり、どこにあるファイルを指定するかを常に考えなければならない。ちなみ<a>の読み方はアンカーらしい。

次に、画像の表示である。
この画像の表示の部分でも画像ファイルのパスを指定する。
リンクを設定する時は、<a href>を使用したが今回は<img>を使用する。
この<img>タグには画像のファイルの場所を指定する属性である「src」だけでなくalt属性も含める。このalt属性は何らかの不具合で画像が表示されない場合に代わりに表示するテキストを指定するものでとても重要らしい。。

この後では「複数の要素をまとめるタグ」の使い方を学んだ。
以下のタグが該当するものである。

• 複数の要素をまとめるタグ

  • main

  • div

  • header

  • footer

このタグを用いれば、ＨＴＭＬソースを読みやすくでき、
ＣＳＳも適用しやすくなるらしい。

ＣＳＳを適用するための準備としてclass属性を追加する必要がある。
まだＣＳＳを作成していないので、このclass属性の追加がどのように
ＷＥＢ作成に反映されるのか、今の段階では想像ができない。
なので早くＣＳＳを学びたいと思っている。

気になったワード
相対パス
絶対パス
文字実体参照
ＢＭＰ
ＴＩＦＦ
ＰＳＤ