どんとこい!PC情報

はじめての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>

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

次は、リンクをしてみよう!!

コメントの投稿


画像の中に見える文字を入力してください。

トラックバックURL

http://www.isl.ne.jp/cgi-bin/mt/mt-tb.cgi/1159

サイト内検索

twitterTwitter

最新ブログ記事

2014年05月07日

BeagleBoardを使ってみる

BaegleBoardでLinuxをブートする

2011年10月12日

WindowsXPの見た目をWindows7風に変更

カレンダー表示をカスタマイズする

2011年09月14日

WindowsXPの見た目をWindows7風に変更

ウィンドウを半透明化する

2011年09月14日

WindowsXPの見た目をWindows7風に変更

Windows7風にカスタマイズ

2011年05月11日

WindowsXPの見た目をWindows7風に変更

使用ソフト概要説明

アクセスランキング

人気のコンテンツをご紹介!

1位

どんとこいPC情報

CD/DVDの仕組み CD編

3位

どんとこいPC情報

CD/DVDの仕組み DVD

4位

どんとこいPC情報

CD/DVDの仕組み DVD±R

ISL 情報戦略研究所

pagetopこのページの先頭へ戻る