急いでいます！

htmlでのページの作り方を教えてください！！学校の課題でhtmlでページをつくらなきゃいけませ

締切済

質問者：ayaaa
質問日時：2016/05/02 21:15
回答数：7件

htmlでのページの作り方を教えてください！！

学校の課題でhtmlでページをつくらなきゃいけません。
そのページの中に画像を表示させないといけないのですがそれが上手くいきません。

<html>
<head>
<title>課題</title>
</head>
<body>
<img src ="画像名">
<he>
名前

こう打ってます。

画像名のとこには画像ファイルの名前を入れています！
画像意外はちゃんと表示されるのですが画像だけ表示されません。
画像ファイルの名前が間違っているのかなと思ったのですがそこはちゃんとあってました。

できたファイルをデスクトップに移動して開いてみても画像のとこにばつ印が出てしまいます。

いろいろ調べても見たのですがいまいちよく分かりません。

どうしたら画像が表示されますか？
回答お願いします！！m(__)m

<he>じゃなくて<hr>でした

補足日時：2016/05/02 21:16
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (7件)

最新から表示
回答順に表示

No.7

回答者： t_fumiaki
回答日時：2016/05/03 13:16

難しい事しないで、2点チェック

①画像名は半角英数.拡張子
　拡張子は画像をダブルクリックして開くと.gifとか.jpgとか.pngと成ってるからその通りに記入

②その画像をhtmlが格納されているフォルダに入れる。
場所が違うと、相対フォルダ指定しないとイケナイので面倒。
後で勉強するとして当面は同じフォルダに置く。

<img src ="gazou.jpg" /> の様になる筈

- 0
- 件

通報する

No.6

回答者： ORUKA1951
回答日時：2016/05/03 09:57

body直下に<img>はおけないし

とりあえず、
はじめてのWebドキュメントづくり( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
　を読まれるのがよかろうかと・・画像の貼り付け方も詳しく説明してある。
<img src ="画像名">
　画像名にはHTMLからのパスも含みます。
　また画像には拡張子があります。Windowsのフォルダーオプションで「登録されている拡張子は表示しない」のチェックを外してください。エクスプローラーの[ファイル]→[フォルダーと検索のオプションの変更]→[表示]→□登録されている拡張子は表示しない

　HTML4.01の邦訳( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 … )メンバーの代表の内田さんが、家族(当時中学生の娘さん？)のために書かれたマニュアルと聞いている。
★そしたら、必ず
　Another HTML-lint gateway( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
などでチェックしていく。
　その都度都度、上記仕様書を確認する。
　これが一番早く上達する。
　最新のHTML5を使う前にHTML4.01strictを身に着けるほうが楽です。

理数科目と同様、公式などで結果だけ繕う（つくろう）のではなく、きちんと基礎から積み上げていかないと壁に当たって進めなくなる。
今学ばれるなら、HTML4.01strictに絞って学びましょう。

★タブは＿に置換してあるので、タブか半角スペース5個くらいに戻すとよい。

ひな形あげておきます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>Untitled</title>
＿<meta name="author" content="ORUKA">
</head>
<body>
＿<div class="header">
＿＿<h1>title</h1>
＿＿<div class="abstract">
＿＿＿<p>
＿＿＿</p>
＿＿</div>
＿</div>
＿<div class="section">
＿＿<h2>section Title</h2>
＿＿<p>
＿＿</p>
＿</div>
＿<div class="footer">
＿＿<dl class="document-version">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2005-06-10</dd>
＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt>
＿＿＿<dd>2005-06-10 12:00:00 (JST)</dd>
＿＿</dl>
＿＿<address>© ayaaa 2016 - 2020 All Rights Reserved</address>
＿</div>
</body>
</html>

- 0
- 件

通報する

No.5

回答者： wellow
回答日時：2016/05/02 21:52

多分だけど、.gifとか.jpgとかが抜けてる。

Windowsの表示設定で表示しないようにしている（デフォルト）かなんかで気付いていないだけだと思うけど。

- 0
- 件

通報する

No.4

回答者： katokundes
回答日時：2016/05/02 21:51

<html>

<head>
<title>課題</title>
</head>
<body>
<img src ="./photo.jpg" alt="画像">
<hr>
名前あるよ
</body>
</html>

漢字が使用できない場合も。photo.jpg大文字小文字拡張子まで同じに記入する必要がある。スペースも付けない。
ファイルの位置も（ある場所）指定。
相対パスとは、

・同じ階層にあるものは、そのままファイル名か「./ファイル名」・「ファイル名」
・下の階層にあるものは、「./フォルダ名/ファイル名」
・上の階層にあるものは、「../ファイル名」
・２階層上にあるものは、「../../ファイル名」
・1階層上にあるフォルダの中のファイルは、「../フォルダ名/ファイル名」

- 0
- 件

通報する

No.3

回答者： nyonyon
回答日時：2016/05/02 21:46

画像ファイルの場所はあっていますか？

画像ファイルとhtmlファイルが同じフォルダ内（階層）にあるのか、
別に画像フォルダを作っていて、その中に画像を入れているなどしていませんか？

たとえばhtmlファイルをＡというフォルダに保存しています。
で、Ａフォルダ内にhtmlファイルと画像ファイルが一緒に入っていれば

<img src="画像.gif">

でＯｋなのですが、Ａフォルダ内にＢという別のフォルダがあり、その中に画像が入っている場合、
画像のパスが違う＝画像の住所が違うので、上記のタグでは表示できません。

<img src ="./B/画像.gif"">

上記のような記述になります。相対パスといいます。
画像ファイルが表示されない、リンクができないという場合は大抵これですので確認してください。

詳しくはこちらが分かりやすいかと
http://www.shoshinsha.com/hp/1hour/know/pass.html

なお、htmlファイルに使用する画像や各種ファイルは必ず同じフォルダに保存してください。
Ａフォルダの中にindex.htmlを作ったなら、その中に全部のデータを保管します。
Ａフォルダ内であれば画像専用フォルダなど作ってその中に保存してもＯＫです。

- 0
- 件

通報する

No.2

回答者： hunaskin
回答日時：2016/05/02 21:36

そもそもそのhtmlファイルをどこにおいて何で見ようとしているのかを確認してください。

ローカルで見るだけならばCではじまるアドレスで画像は表示するかもしれませんが、web上で見たいのならばしかるべき場所にアップロードしてそのアドレスでリンクしなければなりません。
しかるべき場所とは何か、については質問内に環境の説明がなにもないのでこちらが示すことはできません。
学校のサーバ上にアップできるとか何もかも自力で用意するのを含めて課題だとかこちらは知るすべを持ちませんから。