HTML <a> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <!DOCTYPE>
  • পরবর্তী পৃষ্ঠা <abbr>

বিবরণ ও ব্যবহার

<a> ট্যাগটি হাইপারলিঙ্ককে নির্দেশ করে, এটি একটি পৃষ্ঠা থেকে আরেকটি পৃষ্ঠার দিকে লিঙ্ক করে

<a> এলিমেন্টের সবচেয়ে গুরুত্বপূর্ণ প্রতিশব্দ href প্রতিশব্দতা লিঙ্কের গন্তব্যকে নির্দেশ করে

ডিফল্টে, সমস্ত ব্রাউজারে লিঙ্ক এমনভাবে দেখা যাবে:

  • অপরিদর্শিত লিঙ্কটি নীল এবং হাতে এসেছে
  • পূর্ববর্তীতে পরিদর্শিত লিঙ্কটি বেগুনী এবং হাতে এসেছে
  • বর্তমানে বিশ্লেষিত লিঙ্কটি নীল এবং নীল হাতে এসেছে

提示：আপনি সম্ভবত লক্ষ্য করেছেন যে, CodeW3C.com সাইটের লিঙ্কের বাহ্যমুখ ডিফল্ট লিঙ্কের বাহ্যমুখ থেকে অনেক ভিন্ন। আপনি ব্যবহার করতে পারেন: CSS প্রোজেক্ট টেক্সট হাইপারলিঙ্কে জটিল এবং বৈচিত্র্যপূর্ণ শৈলী যোগ করুন।

অন্যান্য দেখুন:

HTML শিক্ষাক্রম:HTML লিঙ্ক

HTML DOM পরিচিতি মানক:Anchor অবজেক্ট

CSS শিক্ষাক্রম:লিঙ্ক শৈলী

শব্দ ব্যাখ্যা

কি হল সুপারটেক্সট?

উদাহরণ

উদাহরণ 1

codew3c.com-এর লিঙ্ক তৈরি করা:

<a href="https://www.codew3c.com">codew3c.com! দেখুন</a>

亲自试一试

উদাহরণ 2

কিভাবে ছবিকে লিঙ্ক হিসাবে ব্যবহার করা যায়:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

亲自试一试

উদাহরণ 3

কিভাবে একটি নতুন ব্রাউজার উইন্ডোতে লিঙ্ক খুলে দেওয়া যায়:

<a href="https://www.codew3c.com" target="_blank">codew3c.com! দেখুন</a>

亲自试一试

উদাহরণ 4

কিভাবে ইমেল ঠিকানায় লিঙ্ক করা যায়:

<a href="mailto:someone@example.com">ইমেল পাঠানো</a>

亲自试一试

উদাহরণ 5

কিভাবে টেলিফোন নম্বরে লিঙ্ক করা যায়:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

亲自试一试

例子 6

如何链接到同一页上的另一个部分：

转到第二章

亲自试一试

例子 7

如何链接到 JavaScript：

执行 JavaScript

亲自试一试

提示和注释

提示：如果 标签没有 href 属性，它只是一个超链接的占位符。

提示：被链接的页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（用 target 属性）。

提示：请使用 CSS 设置链接的样式：CSS লিঙ্ক 和 CSS বাটন。

属性

属性 值 描述
download 文件名 规定当用户单击超链接时将下载目标。
href URL 规定链接指向的页面的 URL。
hreflang ভাষা কোড লিঙ্ককৃত ডকুমেন্টকে কোন ভাষায় অপমান্য করা হবে
media মিডিয়া কোর্স লিঙ্ককৃত ডকুমেন্টকে কোন মাধ্যম/ডিভাইসের জন্য অপমান্য করা হবে
ping URL তালিকা সাইটের আক্রমণকারীদের দ্বারা পর্যবেক্ষণ করা হবে এবং ট্র্যাকিং করা হবে
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 লিঙ্কের সাথে পাঠানো হবের উল্লেখযোগ্য তথ্যকে নির্দিষ্ট করে
rel
  • alternate
  • author
  • bookmark
  • external
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • noopener
  • prev
  • search
  • tag
 বর্তমান ডকুমেন্ট এবং লিঙ্ককৃত ডকুমেন্টের মধ্যের সম্পর্ককে নির্দিষ্ট করে
target
  • _blank
  • _parent
  • _self
  • _top
 লিঙ্ককৃত ডকুমেন্টকে কোথায় খোলা হবে নির্দিষ্ট করে
type মিডিয়া টাইপ লিঙ্ককৃত ডকুমেন্টের মিডিয়া টাইপকে নির্দিষ্ট করে

গ্লোবাল অ্যাট্রিবিউট

<a> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটকেও সমর্থন করে এইচটিএমএল-এর গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<a> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটকেও সমর্থন করে এইচটিএমএল-এর ইভেন্ট অ্যাট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মানের দিকে দেখাবে <a> উপাদান:

a:link, a:visited {
  color: (অভ্যন্তরীণ মূল্য);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  color: (অভ্যন্তরীণ মূল্য);
}

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <!DOCTYPE>
  • পরবর্তী পৃষ্ঠা <abbr>