初心者HTML講座:リンク・画像

【リンクタグ】

 あなたのホームページ内で上手く移動してもらうためにリンクの貼り方を学んでみましょう。

 ・基本のリンクタグ
 <a href="絶対パスまたは相対パス">テキストや画像</a>

 ・リンクの下線を非表示にする
 <a href="絶対パスまたは相対パス" style="text-decoration:none;">テキストや画像</a>

 ・リンクタグに説明文を表示させよう
 <a href="絶対パスまたは相対パス" title="説明文">テキストや画像</a>

 ・リンクタグをクリックした際に別のウィンドウで表示させよう
 <a href="絶対パスまたは相対パス" target="_blank">テキストや画像</a>  

【画像タグ】

 あなたのホームページをよりわかりやすく、彩をアップさせるために画像を貼り付けてみましょう。
 ※画像タグには終了タグがありません。

 ・画像を表示させよう
 あなたのホームページに画像を表示させて、見やすくしよう!

 ・画像サイズを変更しよう
 あなたのホームページに合わせて画像のサイズを変えてみよう

 ・画像をぼかしてみよう(勉強中ですもう少しおまちください)
   <img src="画像の  <img src="画像の絶対パスか相対パス" />絶対パスか相対パス" +ぼかし設定 /><
 ↑さらに1透明 2グラデーション 3ぼかし設定でその下

                               

 ・画像のマウスイベント
  <img src="画像の絶対パスか相対パス" +マウスイベントタグ />

 ・画像にリンクを張る
  <a href="リンク先の絶対パスまたは相対パス"> <img src="画像の絶対パスか相対パス" /> </a>