なお、実技の練習は実際のパソコンで行いますので記載致しませんので、ご了承ください。
リンクの設定
リンクを設定する為には a 要素を設定します
<a href=”index.html”>ホーム</a>
a→anchor(アンカー)固定の意味,href→hypertext reference(ハイパーテキスト リファレンス)リンクで参照する場所を指定する
画像ボタンであれば a 要素の内容をimg要素で画像にします
HTMLの場合
<a href=”index.html”><img src=”images/home.gif” alt=”ホーム”></a>
画像の表示
例 <img src=”images/xxx.gif” alt=””>
項目 | 意味 | 備考 |
<img> | 画像を表示するタグ | 空要素の為、閉じタグは不要 |
src(ソースの略) | source | 画像のURLやファイル名を指定 |
akt(オルタナティブ)代替 | alternative | 画像が表示できない時の説明 |
復習
項目 | 読み | 説明 |
JPEG | ジェイペグ | 写真や画像用、透明背景には使えない、劣化もあり |
PNG | ピング | ロゴ、アイコン劣化しない、透明画像も可 |
GIF | ギフ | 256色まで、アニメーションに適する |
SVG | エスブイジ | ベクター画像、ぼやけない、デザイン、ロゴに可 |
コメント