イメージ1 -画像があったほうがHPは綺麗に見せれます-

| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |

| 無料HP作成支援集 |

イメージ1 -画像があったほうがHPは綺麗に見せれます-

■ 画像を用意する時の注意

カラーモードは、RGBやインデックスカラー（gifの256色）などで。
WEBではCMYKでは表示されません。

16ビットカラーで。
32ビットや24ビットカラーでは表示されません。

拡張子を間違えない。
gifで作成しても、拡張子をjpgにしたら表示されません。

ファイル名はアルファベットで、拡張子は半角小文字で(.JPGでなく.jpgで)
最近ではあまりに変でなければ表示されますが、マナーとして。

ファイルを軽く。
こだわりすぎてファイルが重いとHPの容量が少なくなり、見に来て下さった方もストレスが溜まります。

著作権や法律をクリアしてる。
他人の画像を勝手に使うとトラブルになったりします。アニメやアイドルの画像を勝手に使うと最悪訴えられたりします。違法画像などは警察に捕まる場合があります。注意しましょう。

豆知識：GIFで透明を使用する時は、アンチエイリアスをはずした方がきれいに切り取れます。

画像の表示

<img src="☆">
☆=イメージ（画像）ファイル名

<HTML>
<HEAD>
<TITLE>
何を描こうかな
</TITLE>
</HEAD>
<BODY>

<center>
<img src="cg/nani.jpg"> 


写真じゃないよ、イラストだよ


</center>

</BODY>
</HTML>

何を書こうかな

写真じゃないよ、いらすとだよ

■ 画像サイズの指定

画像を一回り小さく表示させた方が綺麗に見えると言われますが、GIFなどでは逆に荒くなったりします。確認しながらやってみるといいでしょう。
縮小させる場合はきちっと比率を考えて縮小しないと、横長になったり縦長になったりします。逆に狙ってやるのもいいかも知れません。

<img src="☆" width="○" height="●">
☆=イメージ（画像）ファイル名
○=横幅をピクセル数か%で指定
●=縦幅をピクセル数か%で指定

<HTML>
<HEAD>
<TITLE>
何を描こうかな
</TITLE>
</HEAD>
<BODY>

<center>

<img src="nani" width="300" height="300"> 


実際のサイズより、小さくしたほうが 
きれいに見える場合があるよ



 

<img src="nani" width="150" height="300"> 


こんな事もできるよ



</center>

</BODY>
</HTML>

何を書こうかな

実際のサイズより、小さくしたほうが
きれいに見える場合があるよ

こんな事もできるよ

■ 代替テキスト

画像が表示されるまでに時間がかかったり、ブラウザーの設定で画像表示を切っている人もいます。自分のミスで、画像の作りやパスが間違っていて表示されない場合もあります。その場合そこに何が表示されるはずだったのか、いち早く分からせるタグです。

[ENTER]の画像に"入り口"と表示させるなど意味を持たせる事が重要です。

<img src="☆" alt="★">
☆=イメージ（画像）ファイル名
★=画像の代わりに表示させるテキスト

<HTML>
<HEAD>
<TITLE>
何を描こうかな
</TITLE>
</HEAD>
<BODY>

<center>
<img src="nani.jpg" alt="イラスト" > 


これで表示できなくても大丈夫


</center>

</BODY>
</HTML>

何を書こうかな

これで表示できなくても大丈夫

このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。