ほぷしぃ

はじめてのhtml入門

はじめの一歩 /  基本的なタグ /  改行 / 文字の大きさ /  文字の色 /  文字の書体 / 背景の色 /  罫線 /  画像貼り付け /  リンク /  まとめ / 

画像の貼り付け方

ちょっとその前に、画像についてのお話

?webページにはどんな画像を貼り付けるの?

webページのすごいところは、文字だけでなく、様々な画像を貼り付けられるところにあります。
犬の写真←私は"デジタルカメラ"で撮ったこの写真を使います。
この写真は"jpeg"という種類で、ブラウザで表示できます。
表示できない種類もあるので気をつけてください!!

☆詳しい画像についてのお話☆

画像の貼り付け

img src=■ ☆■の中に画像の名前(ファイル名)を入力する☆

pointファイル名には、拡張子も指定します。
メモ帳
↑エディタの画面
ブラウザ画面
↑ブラウザの画面
写真が表示できました!!

実際に画像を表示させてみましょう!

目のアイコン
先ほど作ったソースに付け足してみてください。

<html>
<head>
<title>松本 花子</title>
</head>
<body bgcolor="#ffffcc">
<font size="6" color="#ff6600">
<p>松本花子</p>
</font>
誕生日:平成16年4月1日</br>
出身地:長野県</br>
</font face="MS 明朝">
<p>私の趣味は映画鑑賞です!</p>
</font>
<img src="momo.jpg">
</body>
</html>

画像が表示できれば、世界が広がりますね!!

次は、リンクをしてみよう!!
前のページへ ページのトップへ 次のページへ