লিঙ্ক এবং ইমেজ চিটশিট

লিঙ্ক সিনট্যাক্স

ইনলাইন লিঙ্ক

[লিঙ্ক টেক্সট](https://www.markdownlang.com)
[শিরোনাম সহ লিঙ্ক](https://www.markdownlang.com "লিঙ্ক শিরোনাম")

রেফারেন্স লিঙ্ক

[লিঙ্ক টেক্সট][ref]
[লিঙ্ক টেক্সট][]

[ref]: https://www.markdownlang.com "ঐচ্ছিক শিরোনাম"
[লিঙ্ক টেক্সট]: https://www.markdownlang.com

অটোলিঙ্ক

<https://www.markdownlang.com>
<email@example.com>

অ্যাঙ্কর লিঙ্ক

[হেডিংয়ে যান](#heading-name)
[শীর্ষে ফিরে যান](#top)

ইমেজ সিনট্যাক্স

ইনলাইন ইমেজ

![অল্ট টেক্সট](image.jpg)
![অল্ট টেক্সট](image.jpg "ইমেজ শিরোনাম")

রেফারেন্স ইমেজ

![অল্ট টেক্সট][img-ref]

[img-ref]: image.jpg "ঐচ্ছিক শিরোনাম"

ইমেজ লিঙ্ক

[![অল্ট টেক্সট](image.jpg)](https://www.markdownlang.com)

সাইজ নির্দিষ্ট করুন

<img src="image.jpg" alt="অল্ট টেক্সট" width="300" height="200">

সাধারণ কম্বিনেশন

লিঙ্কড ইমেজ

[![প্রজেক্ট লোগো](logo.png)](https://github.com/user/repo)

সেন্টার্ড ইমেজ

<div align="center">
  <img src="image.jpg" alt="বিবরণ">
</div>

পাশাপাশি ইমেজ

<img src="img1.jpg" width="48%"> <img src="img2.jpg" width="48%">

সেরা অনুশীলন

টাইপ	পরামর্শ	উদাহরণ
লিঙ্ক টেক্সট	বর্ণনামূলক টেক্সট ব্যবহার করুন	✅ [ব্যবহারকারী গাইড]()
লিঙ্ক টেক্সট	"এখানে ক্লিক করুন" এড়িয়ে চলুন	❌ [এখানে ক্লিক করুন]()
ইমেজ ফাইল	রিলেটিভ পাথ ব্যবহার করুন	✅ ./images/pic.jpg
অল্ট টেক্সট	ইমেজ কন্টেন্ট বর্ণনা করুন	✅ ![UI স্ক্রিনশট]()
ফাইল ফরম্যাট	ওয়েব-ফ্রেন্ডলি ফরম্যাট	✅ JPG, PNG, WebP

HTML আউটপুট

মার্কডাউন	HTML
[টেক্সট](url)	<a href="url">টেক্সট</a>
	<img src="img" alt="অল্ট">
<url>	<a href="url">url</a>

সাধারণ ভুল

❌ ভুল উদাহরণ:
[লিঙ্ক(https://www.markdownlang.com)     ← ডান বন্ধনী অনুপস্থিত
![ইমেজ](image.jpg             ← ডান বন্ধনী অনুপস্থিত
[ লিঙ্ক ]( https://www.markdownlang.com ) ← অপ্রয়োজনীয় স্পেস

✅ সঠিক উদাহরণ:
[লিঙ্ক](https://www.markdownlang.com)
![ইমেজ](image.jpg)
[লিঙ্ক](https://www.markdownlang.com)