এইচটিএমএল ব্যবহার করে কীভাবে কোনও ছবি এম্বেড করবেন

সুচিপত্র:

এইচটিএমএল ব্যবহার করে কীভাবে কোনও ছবি এম্বেড করবেন
এইচটিএমএল ব্যবহার করে কীভাবে কোনও ছবি এম্বেড করবেন

ভিডিও: এইচটিএমএল ব্যবহার করে কীভাবে কোনও ছবি এম্বেড করবেন

ভিডিও: এইচটিএমএল ব্যবহার করে কীভাবে কোনও ছবি এম্বেড করবেন
ভিডিও: 15: কিভাবে এইচটিএমএল এবং সিএসএস ব্যবহার করে ছবি ertোকানো যায় | HTML এবং CSS শিখুন | HTML টিউটোরিয়াল | CSS এর মূল বিষয় 2024, নভেম্বর
Anonim

ইন্টারনেটে নিবন্ধগুলি শুকনো এবং অসম্পূর্ণ বলে মনে হচ্ছে যদি অতিরিক্ত মিডিয়াতে পাঠ্যটি মিশ্রিত না করা হয়। একটি ব্লগ পোস্ট বা ওয়েবসাইটের সবচেয়ে সহজ এবং সর্বাধিক অ্যাক্সেসযোগ্য সজ্জা একটি চিত্র-চিত্রণ। এটি বিশেষ ট্যাগ ব্যবহার করে প্রকাশ করা যেতে পারে।

এইচটিএমএল ব্যবহার করে কীভাবে কোনও ছবি এম্বেড করবেন
এইচটিএমএল ব্যবহার করে কীভাবে কোনও ছবি এম্বেড করবেন

এটা জরুরি

  • - ইন্টারনেট অ্যাক্সেস;
  • - ছবি।

নির্দেশনা

ধাপ 1

এটি বিশ্বাস করা হয় যে কোনও কম্পিউটারে সজ্জিত চিত্রের সরাসরি প্রকাশ সম্ভব। এটি একটি ত্রুটি: আপনার কম্পিউটার যদি 24/7 সার্ভার না হয় তবে ছবিটি বার্তায় প্রদর্শিত হবে না।

ধাপ ২

Yandex.fotka বা Ipicture.ru এর মতো একটি বিশেষ স্টোরেজে ছবি আপলোড করুন। ফাইলটি দেখার এবং সর্বদা অনলাইনে থাকা গুরুত্বপূর্ণ। লক্ষ্য সাইটের পৃষ্ঠায় চিত্রটি খুলুন এবং সংশ্লিষ্ট লাইন থেকে URL টি অনুলিপি করুন।

ধাপ 3

এইচটিএমএল মোডে আপনার বার্তা রচনা শুরু করুন। নিম্নলিখিত ট্যাগগুলি sertোকান:. পাসের জায়গায়, গ্রাফিক ফাইলের অনুলিপিযুক্ত পেস্ট করুন।

পদক্ষেপ 4

পূর্বরূপ মোডে সঠিক সন্নিবেশের জন্য পরীক্ষা করুন। ফাইলটি মূল আকারে উইন্ডোতে প্রদর্শিত হবে। কোনও ছবি না থাকলে প্রবেশ করা ঠিকানার যথার্থতা পরীক্ষা করে দেখুন।

পদক্ষেপ 5

আপনি যদি একটি বড় চিত্র আপলোড করে থাকেন এবং এটি স্কেলে প্রদর্শন করতে চান তবে ট্যাগগুলি সামঞ্জস্য করুন। সমাপ্ত উদ্ধৃতি চিহ্নের পরে, একটি প্রস্থ = বা উচ্চতা = ট্যাগ inোকান এবং তার পরে পিক্সেলগুলিতে পছন্দসই আকার size এই ক্ষেত্রে:. এই ক্ষেত্রে, আপনি 800 পিক্সেলের উচ্চতা সহ একটি উল্লম্বমুখী ছবি পাবেন।

পদক্ষেপ 6

নিম্নলিখিত ট্যাগগুলি স্টাইল করার সময়, আকারটি সামঞ্জস্য করা হয় না, তবে চিত্রের চারপাশে একটি ফ্রেম উপস্থিত হয়: ফ্রেমের রঙ লাল, বেধ 5 পিক্সেল। আপনার পছন্দ মতো রঙ এবং মাপের জন্য উপযুক্ত বিকল্পগুলি পরিবর্তন করুন।

প্রস্তাবিত: