ビジネスで使えるホームページを初心者でも無料で作れるように支援します。
ログイン | RSS
$title_name ~無料でホームページを作る塾~
無料でホームページを作る塾

動画解説で初心者でも簡単にホームページがつくれる!まずは無料テンプレートをダウンロード!

ホームページの画像の表示


画像形式 .jpg .gif .png

動画を見る

ホームページに画像を表示させる場合は、HTMLファイルのほかに画像ファイルを 用意して、HTMLファイル内に <img src="画像ファイル"> と記述します。
このとき、注意しなければいけないのが画像ファイルのファイル形式です。 ホームページで利用できる画像の種類は、JPEGGIFPNGの3種類です。
もし、画像形式がこれら3種類以外であった場合は、画像編集ソフトなどでファイル形式を変換する必要があります。
画像編集用ソフト Jtrimのダウンロードはこちらから 無料
Jtrim はとても多くの画像編集機能を持った無料ソフトで、基本的な画像の加工は、この Jtrim だけで十分です。
以下のタグをコピーして貼り付けして使ってみてください。 ブラウザに画像が表示されるのを確認できます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>

<HEAD>
<meta name="ROBOTS" content="ALL">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="keywords" content="キーワード1,キーワード2">
<meta name="description" content="サイトの説明文">
<title>サイトタイトル</title>
<link href="style.css" rel="stylesheet" type="text/css">
<BASE target="_top">
</HEAD>

<BODY>

<img src="img/gazou.jpg" alt="この画像はgazou.jpgです" border="2">
<img src="img/gazou.jpg" alt="この画像はgazou.jpgです" border="2" style="float:right; margin:5;">
この文章は左にまわりこんでます。
<BR style="clear:right;">
この文章はまわりこみを解除されてます。

<DIV>Copyright © 2009 著作権所有者 All rights reserved.</DIV>
</BODY>

</HTML>
次は、リンクの使い方

HP制作準備

HP制作実践

HP公開

お勧めリンク

HPで稼ぐ

無料素材

SEO対策

スポンサーリンク

インフォメーション