WEB制作、コンサルティング|賃貸マンション管理|民泊運営|論語、素読会 主宰

  1. 96 view

[ご相談内容]WEBで画像が表示されない|HTMLの記述ミスの見つけ方

[ご相談内容]
WEBで画像が表示されない。

[背景]
制作会社に依頼していた更新作業をご自身でなさりたいというご相談で、更新方法を伝えるとともに、更新マニュアルの作成をお手伝いしました。
年一回の更新ということもあり、ご相談をいただきました。

サクラエディタでHTMLを更新してローカルで確認

ローカルで確認をしてから、サーバにアップすることになっていますが、ローカルで原因が分からなかったので、サーバにアップしてのご相談です。

画像が表示されない場合の問題点は、主に2つ

  • タグが閉じられていない
  • 画像のファイル名とHTMLの記述が合っていない

title=”” の「”」を消してしまうことが多いようです。

データを選択する際に、ダブルクリックで単語単位に選択する方法を知っておくと、「”」を消してしまうミスを防げます。

ローカルで確認をする際、ファイル名を決める際に注意すべきこと

WEBサーバでは、大文字、小文字を厳格に判断しますので、ファイル名を決める際には注意。ファイル名は半角で、使用できる記号を確認する必要があります。

以下、動画を見る際の解説です。HTMLの確認と画像ファイルの確認は以下の動画で確認してください。

[ご相談内容]WEBで画像が表示されない。HTMLの記述ミスの見つけ方
00:00 相談内容(バックグラウンド)
02:30 HTMLを確認
04:00 タグが「”」で閉じられていない問題
10:00 画像がサーバに存在しない状態を確認

動画に関するご質問やリクエストは、以下のSNSからお寄せください。
また、チャンネル登録をしていただくと更新情報をお届けします。
■ LINEアカウント @292dedj
■Instagram https://www.instagram.com/kyoshitsu.k…
■Facebook https://www.facebook.com/kawasemistyle
【かわせみすたいるネット分校ブログ】
https://kawasemistyle.com/category/sc…

かわせみすたいるネット分校の最近記事

  1. 2拠点生活者こそ「楽天でんき」を利用するべき

  2. 飲食店での感染症予防を「いろは」にまとめてみた。

  3. 家庭内での感染症予防を「あかさたな」にまとめてみた。

  4. 「楽天でんき」を実際に1年間使ってみた

  5. This is 嵐 LIVEのリピート配信をライブ感たっぷりにテレビで観るときに気を付けた…

関連記事

PAGE TOP