এইচটিএমএল লিঙ্ক কোড
এইচটিএমএল লিঙ্ক কোড কীভাবে লিখবেন।
- পাঠ্য লিঙ্ক
- একই পৃষ্ঠায় লিঙ্ক
- চিত্র লিঙ্ক
- ই-মেইল লিঙ্ক
- ফাইল ডাউনলোডের লিঙ্ক
- লিঙ্কটি নতুন উইন্ডোতে খোলা
- বোতাম লিঙ্ক
- লিঙ্কের রঙ
- আপেক্ষিক বনাম পরম পাথ লিঙ্কগুলি
- লিঙ্ক কোড জেনারেটর
এইচটিএমএল পাঠ্য লিঙ্ক
<a href="link/html-text-link.htm"/Text Link</a/
কোডটি এই লিঙ্কটি তৈরি করবে:
একই পৃষ্ঠায় এইচটিএমএল লিঙ্ক
অ্যাঙ্কর লিঙ্ক কোড:
<a href="#generator"/Link code generator</a/
কোডটি এই লিঙ্কটি তৈরি করবে:
লিঙ্কটি টিপলে ব্রাউজারটি এই কোড সহ নীচের শিরোনামে চলে যাবে:
<h2/<a id="generator"/Link code generator</a/</h2/
এইচটিএমএল ইমেজ লিঙ্ক
<a href="link/link-image.htm"/<img src="link/flower.jpg" width="82" height="86" alt="Flower"/</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
এইচটিএমএল ইমেইল লিঙ্ক
<a href="mailto:name@RT">Send Mail</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
দেখুন: এইচটিএমএল মেলটো লিঙ্ক ।
ফাইল ডাউনলোডের জন্য এইচটিএমএল লিঙ্ক
<a href="link/test_file.zip">Download File</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
দেখুন: এইচটিএমএল ডাউনলোড লিঙ্ক
এইচটিএমএল লিঙ্কটি নতুন উইন্ডোতে খোলা আছে
এই লিঙ্কটি নতুন উইন্ডো বা ট্যাবে খুলবে:
<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
এইচটিএমএল বোতাম লিঙ্ক
জাভাস্ক্রিপ্ট ছাড়া:
<form action="link/html-button-link.htm">
<input type="submit" value="A button
link">
</form>
জাভাস্ক্রিপ্ট সহ:
<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">
লিঙ্কের রঙ
লিঙ্কের রঙ পরিবর্তন করা CSS স্টাইলিংয়ের মাধ্যমে করা হয়:
<a href="link/html-link-color.htm" style="color:red">Link color page</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
লিঙ্ক পটভূমির রঙ পরিবর্তন করা CSS স্টাইলিংয়ের মাধ্যমে সম্পন্ন হয়:
<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
আপেক্ষিক বনাম পরম পাথ লিঙ্কগুলি
এটি আপেক্ষিক পাথ URL এর সাথে একটি লিঙ্ক:
<a href="link/html-text-link.htm">Text Link</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
এটি পরম পাথ URL এর সাথে একটি লিঙ্ক:
<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>
কোডটি এই লিঙ্কটি তৈরি করবে:
এইচটিএমএল লিঙ্ক কোড জেনারেটর
আরো দেখুন
- এইচটিএমএল মন্তব্য
- এইচটিএমএল অ্যাঙ্কর লিঙ্ক
- এইচটিএমএল বোতাম লিঙ্ক
- এইচটিএমএল ডাউনলোড লিঙ্ক
- এইচটিএমএল ইমেজ লিঙ্ক
- এইচটিএমএল লিঙ্কের রঙ
- এইচটিএমএল মেলটো লিঙ্ক
- এইচটিএমএল নতুন উইন্ডো লিঙ্ক
- এইচটিএমএল পাঠ্য লিঙ্ক
Advertising
ওয়েব এইচটিএমএল
দ্রুত টেবিল