অ্যাঙ্কর এইচটিএমএল উপাদান (The HTML elements)

এইচটিএমএল <a></a> (অ্যাঙ্কর) HTML উপাদান, তার href বৈশিষ্ট্য সহ, ওয়েব ডেভেলপমেন্টের একটি মৌলিক উপাদান। এটি প্রাথমিকভাবে হাইপারলিঙ্ক তৈরি করতে ব্যবহৃত হয়, ব্যবহারকারীদের ইন্টারনেটে ওয়েব পৃষ্ঠা, সংস্থান বা অবস্থানগুলির মধ্যে নেভিগেট করতে সক্ষম করে৷

বিভিন্ন ভাবে <a></a> (অ্যাঙ্কর) উপাদান ওয়েবপেজ এ ব্যবহার করা যায়। এখানে তা উল্লেখ করা হল।

  • ওয়েব পেজ:
  • আপেক্ষিক URL:
  • ফাইল ডাউনলোড:
  • অ্যাঙ্কর লিঙ্ক:
  • ফোন নম্বর:
  • ইমেল ঠিকানা:

ওয়েব পেজ:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>
<body>
   <!--Just add a website link. Open in same window-->
    <a href="https://jhutanda.com">JHUTANDA</a>
    
    </br>
    </br>

    <!--Just add a website link. Open in another window-->
    <a target="_blank" href="https://jhutanda.com">JHUTANDA</a>
    
    </br>
    </br>
</body>
</html>

আপেক্ষিক URL:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>
<body>
   <!--This is called "Relative URL". Just create about.html or create 
   a file on your project file. It also working with another 
   folder's ener file. Just need to give correct path.-->
    <!--Direct link to open another file-->
    <a href="/about.html">About Me</a>
    </br>
    <!--atfrist access any folder therefore hit any file link-->
    <a href="main/about.html">About Me</a>
    </br>
    </br>
</body>
</html>

ফাইল ডাউনলোড:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>
<body>
   <!--To download any file-->
    <!--direct file link for download any file-->
    <a href="download.pdf" download>Download</a>
    </br>
    </br>
    <!--access folder and therefore hit the file link for download any file-->
    <a href="download/download.pdf" download>Download</a>

    </br>
    </br>
</body>
</html>

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>
<body>
   !--Anchor Links-->
    <!--Id base anchore links-->
    <a href="#section5">Jump to Section 5</a>
    </br>
    </br>
    <!--class base anchore links-->   
    <a href=".section5">Jump to Section 5</a>

    </br>
    </br>
</body>
</html>

ফোন নম্বর:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>
<body>
   <!--Link the mobile number-->
    <!--use "tel:" keyword and add your mobile number-->
    <a href="tel:+91 9999999999">CALL ME</a>
        
</body>
</html>

ইমেল ঠিকানা:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>
<body>
   <!--Link send the email -->
     <!-- use "mailto:" and add your email address-->

    <a href="mailto:admin@gmail.com">EMAIL</a>
    
</body>
</html>

এভাবে <a></a> (অ্যাঙ্কর) উপাদান ব্যবহার করা হয়ে থাকে।

Scroll to Top