HTML
画像→ <img> 終了タグなし
<img src =“ファイル名”>
タグの中に書き込む追加情報をタグの「属性」と言う。
alt （読み方オルト）という属性を設定すると画像の説明ができる。
画像が表示されない時にテキストを表示してくれたり、音声読み上げで説明してくれる。
<img src=”icon.png”alt=~の画像です等説明”>
CSS
CSSとは文書の見た目を整える。
例）四角い画像の角を丸める時、
img｛border–radius:20%｝
境界線の 半径を ２０％ 丸める
ちなみに正方形を５０％丸めると正丸になる。
imgの部分をセレクタ、border-radiusの部分をプロパティ、20%をプロパティの値 という。
枠を指定する時
枠の太さ border-width:1px;
枠の色 border-color:gray;
枠のスタイル border-style:solid;
｛border-width:1px;
border-color:gray;
border-style:solid;
border-radius:8px;｝
↑これで、
「太さが１px、色がグレー、スタイル（種類）は1本線、角が８px丸みを帯びている枠」
になる！
末尾の；（セミコロン）忘れないように！
コメント