এইচটিএমএল ইমেজ প্রদর্শিত হবে না

আমি আমার ব্যক্তিগত ওয়েবসাইটে নিজেকে একটি চিত্র স্থাপন করার চেষ্টা করার জন্য নিম্নলিখিত কোড ব্যবহার করছি:

    <!DOCTYPE HTML>
<html>

    <head>
        <title>My Page</title>
    </head> 
    <body>
        
Test Image

My Page


To be updated.

    </body>

</html>

ফটো ডিরেক্টরিটি HTML পৃষ্ঠার মতো একই ডিরেক্টরিতে রয়েছে। আমি HTML পৃষ্ঠার মতো একই ডিরেক্টরিতে ছবিটি স্থাপন করার চেষ্টা করেছি এবং এটি কাজ করে না। আমি .jpg পরিবর্তে .JPG ব্যবহার করার চেষ্টা করেছি। আমি alt ট্যাগ ছাড়া কোড নির্বাহ করার চেষ্টা করেছি। আমি ফাইল পাথে ফরোয়ার্ড স্ল্যাশের পরিবর্তে ব্যাকস্ল্যাশ ব্যবহার করে চেষ্টা করেছি। আমি ফাইলের নাম টাইপস জন্য তাকিয়ে আছে এবং কেউ নেই। আমি আমার বর্তমান কোড কোন সমস্যা সঙ্গে কাজ করা উচিত মত মনে। কিন্তু ছবি একেবারে দেখা হবে না। কোন ধারনা বা সাহায্য ব্যাপকভাবে প্রশংসা করা হবে।

সম্পাদনা করুন: প্রাথমিক ত্রুটি ঠিক করার জন্য উপরের কোডটি সংশোধন করেছি, যেমন দুইটি আলাদা করার পরিবর্তে আমার মাথার অভ্যন্তরে শরীরটি অন্তর্ভুক্ত। ছবি এখনও দেখায় না।

0
দুঃখিত, শুধু আমার মন্তব্য মুছে ফেলা হয়েছে, কিন্তু শীর্ষ রেটিত উত্তর দেখুন এটি আপনার সমস্যা সমাধান করা উচিত।
যোগ লেখক Vahe, উৎস
দুঃখিত, শুধু আমার মন্তব্য মুছে ফেলা হয়েছে, কিন্তু শীর্ষ রেটিত উত্তর দেখুন এটি আপনার সমস্যা সমাধান করা উচিত।
যোগ লেখক Vahe, উৎস
ওয়াহে: আমি উল্লেখ করতে ভুলে গেছি যে আমি আগে চেষ্টা করেছি। শুধু নিশ্চিত করার জন্য আমি এখনই এটি চেষ্টা করেছি এবং এটি কাজ করে নি। আমার ওয়েবসাইটের ডিরেক্টরিটি কেবল "ওয়েবসাইট" বলা হয়। এই HTML ফাইলের অবস্থানটি ওয়েবসাইট/index.html এবং ছবির অবস্থানটি হল ওয়েবসাইট/ফটো/mainphoto.jpg
যোগ লেখক Tyler Antony, উৎস

7 উত্তর

আপনি ইমেজ একটি প্রস্থ এবং উচ্চতা যোগ করার চেষ্টা করেছেন? https://www.w3schools.com/tags/tag_img.asp এছাড়াও আপনার ক্রোম ব্রাউজার খুলুন ডান ক্লিক করুন, এবং পরিদর্শন করতে যান, কনসোল নির্বাচন করুন। যদি আপনি একটি 404 ফাইল খুঁজে পান না বা সংস্থান লোড করতে ব্যর্থ হন তবে আপনি সম্ভবত ভুল ডিরেক্টরি নির্দেশ করছেন এবং আপনাকে আপনার পথটি পুনরায় পরীক্ষা করতে হবে।

2
যোগ
উচ্চতা এবং প্রস্থ চিত্র প্রদর্শন করার জন্য প্রয়োজনীয় নয়
যোগ লেখক Bengala, উৎস
পরামর্শের জন্য ধন্যবাদ. আমি আপনার সাথে সংযুক্ত টিউটোরিয়াল প্রতি প্রস্থ এবং উচ্চতা যোগ করার চেষ্টা করেছি, এবং এখনও কোনও ছবি নেই।
যোগ লেখক Tyler Antony, উৎস

এইচটিএমএল কাঠামো হতে হবে:

<html>
  <head>
  </head>
  <body>
  </body>
</html>

আপনি head ট্যাগের ভিতরে body ট্যাগটি রেখেছেন।

Also, if the images directory is in the same one than the html, you need to remove the first slash, just use photos.mainphoto.jpg

সুতরাং আপনি চেষ্টা করতে পারেন:

<!DOCTYPE HTML>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    
Test Image

My Page


To be updated.

  </body>
</html>

এছাড়াও আমি আপনাকে সমান লক্ষণ আগে বা পরে কোনো স্পেস ব্যবহার না করার সুপারিশ, এই ভাল অনুশীলন।

1
যোগ
আমি আমার উত্তর আপডেট করেছি, এটি পরীক্ষা করে দেখুন;)
যোগ লেখক Bengala, উৎস
মাথার ভেতরে শরীর ধরার জন্য ধন্যবাদ! আমি যে সংশোধন, কিন্তু আউটপুট একই।
যোগ লেখক Tyler Antony, উৎস
আপনার ইনপুট জন্য অনেক ধন্যবাদ! আমি উইন্ডোজ 10 ফাইল সিস্টেম গোপন এক্সটেনশান সঙ্গে করতে হবে, আমি আমার নিজের সমস্যা সমাধান করেছি বিশ্বাস করি। আমার নিজের থ্রেড আমার প্রতিক্রিয়া দেখুন
যোগ লেখক Tyler Antony, উৎস

আপনি ব্যবহার করছেন ব্রাউজার ওয়েব পরিদর্শক 404 (পাওয়া যায় না) হিসাবে এটি প্রদর্শন করে। সম্ভাবনা যে ইমেজ সঙ্গে ফোল্ডার এবং সম্ভবত ইমেজ এটি নিজের অনুমতি অ্যাক্সেস করার জন্য যথেষ্ট মহান অনুমতি নেই। আপনি ব্যবহার করছেন সম্পাদক (আইডিই) আপনি টার্মিনাল মাধ্যমে সম্ভব অনুমতি পরিবর্তন করতে হবে।

1
যোগ

তার বৈশিষ্ট্য তালিকাভুক্ত ইমেজ পূর্ণ পাথ ব্যবহার করে দেখুন।

0
যোগ
পরামর্শের জন্য ধন্যবাদ, কিন্তু এটি কাজ বলে মনে হচ্ছে না।
যোগ লেখক Tyler Antony, উৎস

তার বৈশিষ্ট্য তালিকাভুক্ত ইমেজ পূর্ণ পাথ ব্যবহার করে দেখুন।

0
যোগ
পরামর্শের জন্য ধন্যবাদ, কিন্তু এটি কাজ বলে মনে হচ্ছে না।
যোগ লেখক Tyler Antony, উৎস

আচ্ছা, আপনার কোড এই মত

      <!DOCTYPE HTML>
    <html>

<head>
    <title>My Page</title>

    <body>
        
Test Image

My Page


To be updated.

    </body>
</head>

</html>

You have <body> element inside your <head> element. It should be like this

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
        
Test Image

My Page


To be updated.

</body>
</html>

এবং যে ইমেজ জন্য, ঠিকানা আপনার এইচটিএমএল ফাইল থেকে শুরু করতে হবে। সুতরাং যদি আপনি এই মত গঠন আছে

 web/    
  index.html    
  photos/
    cutePuppy.png

You will have Cute puppy

0
যোগ

এ FIXED

উইন্ডোজ 10 ফাইল সিস্টেমে, ছবি ফাইল এক্সটেনশানগুলি স্পষ্টভাবে লুকানো আছে। উইন্ডোজ 10 ফাইল সিস্টেম ইতিমধ্যেই একটি .jpg এক্সটেনশান যুক্ত করেছে, যা ফাইলের কাঠামোর মধ্যে লুকানো ছিল তা অনুধাবন করে আমি "mainphoto.jpg" ছবিটি নামকরণ করেছি। অতএব, ফাইলের নাম উল্লেখ করা হয়েছে আসলে "mainphoto.jpg.jpg"।

নির্বোধ ভুলের জন্য ক্ষমাপ্রার্থী, এবং পরামর্শ দেওয়ার প্রস্তাবকারী সকলকে ধন্যবাদ!

0
যোগ