タイトル

<img>

画像を表示する。

<img src="./cg/test.png" width="150" height="50" alt="テストです">
srcでファイルを指定。
widthで幅を指定。
heightで高さを指定。
altで、画像の説明を指定。(画像にカーソルをあわせると文字がポップアップする)
テストです

文章の回り込み指定
<img src="./cg/test.png" aling="left" width="150" height="50" alt="テストだにょん">
<br>文章の横に文字を置く時はaling="left"を入れます。
<br>指定を止めたい場合は
<br clear="all">とすると止められます。

テストだにょん
文章の横に文字を置く時はaling="left"を入れます。
指定を止めたい場合は
とすると止められます。

テストだにょん
画像を右にするときにはaling="right"と入れます。
指定を止めたい場合は
とすると止められます。

<img src="./cg/test.png" align="left" width="150" height="50" alt="テストだにょん">
<img src="test.gif" align="right" width="150" height="50" alt="テストだにょん">
<br><center>こうするとまんなかぁ〜。</center>

テストだにょん テストだにょん

こうするとまんなかぁ〜。


クリッカブルマップ。一枚の画像にいくつかのリンクを貼る
<img src="./cg/test.png" usemap="#c" border="0" width="150" height="50" alt="テストです">
<map name="c">
<area shape="circle" coords="24,24, 20" href="a.html">
<area shape="polygon" coords="74,9, 64,19, 54,19, 59,24, 54,29, 64,29, 74,39 84,29, 94,29, 89,24, 94,19, 84,19" href="b.html">
<area shape="rect" coords="109,9, 140,43" href="c.html">
</map>
usemapには#とmap nameを入れる。
shape="circle"は円の指定。真ん中の座標を指定して、次に半径を指定。
shape="polygon"は多角形の指定。各頂点の座標を左周りで指示。
shape="rect"は四角。左上と右下を指定。
点の指定法方は、先にx軸(横軸)を指定し、次にy軸(縦軸)を指定する。

テストです

前へ戻る 表紙に行く 次へ進む