シンプルWeb かんたんHP制作

 

 

 

― TOP ―

●メニュー

■HTMLタグ

 基本内容の設定

 テキスト

 フォント

 リンク

 →画像

 →リスト

 →テーブル・表

 →フレーム

 →ボタン

リンク

   ◆素材屋さん
   ◆HP制作関連
   ◆その他


 

 HTMLを学ぶHTMLタグ>画像

 

 

画像の配置

<img src="URL" width="幅" height="高さ" alt="代替テキスト">

 

alt は省略できません。

画像が表示されない場合代わりに表示されるテキストですが、特に必要のない場合は、

alt="" にしておきます。

 

画像の外枠

<img src="URL" alt="代替テキスト" border="枠の太さ">

 

画像をリンクにする

<a href="リンク先URL">

<img src="画像URL" alt="代替テキスト"></a>

 

文字の変わりに画像を貼り付けているだけです。

 

イメージマップの作成

<map name="マップ名"> ←マップ名を定義

<area shape="形状" coords="座標" href="リンク先URL" alt="代替テキスト"> ←リンクにする範囲を指定 

</map>

<img src="URL" alt="代替テキスト" usemap="#マップ名">

 

usemap="#マップ名"で作成したマップの設定をその画像に適応します。

 

イメージマップとは、画像の一部、特定の範囲がリンクになっている物のことです。

 

貼り付ける画像の形状によって適切な座標で範囲を指定し、そこにリンクを適用します。

 

形状 rect/四角 circle/円 poly/多角形 default/全体

 

座標指定の順番(数値は , で区切る)

 四角 左上のx座標,y座標,右下のx座標,y座標

 

 円  中心のx座標,y座標,半径

 

 多角形

   すべての角のx座標,y座標をしていし最後にもう一度はじめに指   定した角のx座標,y座標を入力。

 

 |シンプルWeb〜かんたんHP制作〜|  2007/10/20/