§01-05…画像ボタン作成の準備

2016/6/12

(01) 同じフォルダー内に以下のようなWebページ「large.htm」を作成しましょう。完成後はブラウジングします。今度は画像を元と同じサイズにしています。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<link rel="stylesheet" type="text/css" href="str.css" />
<title>猫の写真</title>
</head>
<body>
<h1>近所の猫</h1>
<p><img src="neko01.jpg" width="192" height="250" alt="昼寝している猫" />どうです？かわいいでしょう。</p>
</body>
</html>

large