> 私は、マイコンピュータでリムーバブルディズクの中に「課題」というフォルダをつくっていて、
> その中に「menu.html」というファイルがあります。
> 画像はマイドキュメントの中のマイピクチャに保存してあるものです。
> マイピクチャの中にあるファイル名.jpgという名前の画像を
> 「課題」という名前のフォルダの中の「menu.html」で表示したいです。
>>1 でも書かれていますが、ファイル名に日本語を使わぬ方が無難です。
・「マイピクチャの中にある『ファイル名.jpg』」のファイル名を、『test.jpg』に書き換えます。
・『test.jpg』を『menu.html』と同じフォルダに入れます。
・『menu.html』を以下のように書き代えます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<title>MENU</title>
<style type="text/css"><!--
body{
color: white;
background-color: black;
}
h1{
color: #ff1493; /* deeppink は公式のルールで定義されていない */
font-size: 300%;
border-width: 0px 0px 7px 0px;
border-style: solid;
border-color: lawngreen;
}
ul.menu{
margin: 2em 0px;
padding: 0px;
list-style-type: none;
font-size: 230%;
}
a.profile:link{
color: #fa8072; /* salmon は公式のルールで定義されていない */
}
a.aboutmickeymouse:link{
color: #bf00df; /* copper は公式のルールで定義されていない */
}
a.photo:link{
color: blue;
}
--></style>
</head>
<body>
<h1>MENU</h1>
<ul class="menu">
<li><a href="./profile.html"
class="profile">[PROFILE]</a></li>
<li><a href="./aboutmickeymouse.html"
class="aboutmickeymouse">[ABOUT MICKEY MOUSE]</li>
<li><a href="./photo.html"
class="photo">[PHOTO]</li>
</ul>
<p><img src="./test.jpg" alt=""></p>
</body>
</html>
・http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
で文法チェックしながら改造します。
参考：
http://www.kanzaki.com/docs/htminfo.html
http://www.asahi-net.or.jp/~sd5a-ucd/www/
http://members.jcom.home.ne.jp/jintrick/Personal/markup.html
http://members.jcom.home.ne.jp/pctips/www/
