এইচটিএমএলের কোনও লিঙ্ক থেকে আন্ডারলাইন কীভাবে সরাবেন?

130

আমার পৃষ্ঠায় আমি কয়েকটি লিঙ্ক রেখেছি যার অধীনে আমি কোনও লাইন চাই না, সুতরাং, কীভাবে আমি এইচটিএমএল ব্যবহার করে তা সরিয়ে ফেলতে পারি?

html

— পাইক টেন
সূত্র

4

পেইক, আমি আবার ট্যাগগুলিকে পিছনে ফিরিয়ে নিয়ে বিরক্ত করতে যাচ্ছি না, তবে ঠিক তাই আপনি জানেন, আন্ডারলাইনটি সরিয়ে দেওয়ার একমাত্র উপায় হ'ল সিএসএস । হ্যাঁ, যদিও আপনি এইচটিএমএল সঙ্গে ইনলাইন এটা যোগ করছি (ইন styleঅ্যাট্রিবিউট), এটি এখনও সিএসএস হয় । অন্য দুটি ট্যাগও সম্পূর্ণ বৈধ ( presentationএবং hyperlink)। ভবিষ্যতে, দয়া করে কোনও প্রশ্নে ট্যাগগুলি মুছে ফেলুন (বা যুক্ত করুন) যদি না এর কোনও বৈধ কারণ না থাকে। ধন্যবাদ!

— বি 10011

@ বিফ্রোহস আমি আপনার কথায় শ্রদ্ধা করি তবে আমি কেবলমাত্র এইচটিএমএল ব্যবহার করে আমার সাইটটি তৈরি করছি এবং তাই আমি আরও ট্যাগ যুক্ত করিনি কারণ যদি আমি এটি করতাম তবে আমার পক্ষে বিভিন্ন ভাষার উত্তর পাওয়া যেত। আসলে আমি এটার কাছে কিছুটা নববধূ, এটাই কারণ।

— পাইক টেন

3

আপনি সিএসএস ব্যতীত মানসম্পন্ন ওয়েবসাইট তৈরি করতে পারবেন না (যদি না আপনি সমস্ত উপস্থাপনার জন্য ব্রাউজারের খেলাপি না হন)। এইচটিএমএল = কাঠামো; সিএসএস = উপস্থাপনা। অন্য ট্যাগগুলির আলাদা ভাষার সাথে কোনও সম্পর্ক ছিল না - সেগুলি কেবলমাত্র লোকদের প্রশ্নোত্তর খুঁজে পেতে সহায়তা করার জন্য সরবরাহ করা হয়েছিল।

— বি 10011

1

অ্যাঙ্করগুলির লিঙ্কগুলি (লিঙ্কগুলি) কীভাবে সরিয়ে

— আরএএস

2

কেন এই প্রশ্নে এত বেশি ভোট রয়েছে? আপনি একক গুগল অনুসন্ধানে আক্ষরিকভাবে এর উত্তর দিতে পারেন এবং আমি নিশ্চিত স্ট্যাকওভারফ্লোতে এর অনেকগুলি নকল রয়েছে।

— অল্টারনেটেক্স

192

ইনলাইন সংস্করণ:

<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

তবে মনে রাখবেন যে সাধারণত আপনার ওয়েবসাইটের সামগ্রী (যা এইচটিএমএল ), উপস্থাপনা (যা সিএসএস ) থেকে আলাদা করা উচিত । সুতরাং আপনার সাধারণত ইনলাইন শৈলীগুলি এড়ানো উচিত ।

দেখুন এর উত্তরে য়োহন বললেন ব্যবহার সমতুল্য উত্তর দেখতে সিএসএস ।

— patryk.beza
সূত্র

1

হত্যাকারী! আমি যেখানে এইচটিএমএল করছি সেখানে সারা বছর এই আন্ডারস্কোর লাইনগুলি কখনও দেখিনি .... ^^

— অ্যালেক্স সিও

1

জন এর উত্তর এখনও মূলত ইনলাইন শৈলী ব্যবহার করে। আপনার সিএসএসকে পৃথক করার অর্থ আপনার এইচটিএমএলতে সিএসএসকে এলিয়াসিংয়ের চেয়ে বেশি। যেমন class="big-and-red"বিচ্ছিন্নতা নয় aliasing হয়। class="meaningful-domain-item"তারপর সিএসএস .meaningful-domain-item { //big and red }হয়। এই উত্তরটি আমার সিএসএস +1 এ কোন ট্যাগটি ব্যবহার করতে হবে তা আমাকে স্মরণ করিয়ে দেওয়ার জন্য যথেষ্ট।

— নাথান কুপার

এই উল্লিখিত কোডটি আমার পক্ষে কার্যকর হয়নি। আমি যখন সমস্যাটি খনন করি তখন বুঝতে পারি এটি কাজ করছে না কারণ আমি শৈলীটি href এর পরে রেখেছি। আমি যখন শৈলীটি হ্রেফের আগে রেখেছিলাম তখন এটি প্রত্যাশার মতো কাজ করছিল। <a href=" yoursite.com "style="text-decoration:none"> yoursite </a>

— গণেশ মাইক্রোসফট

55

এটি সমস্ত লিঙ্ক থেকে সমস্ত আন্ডারলাইন সরিয়ে ফেলবে:

a {text-decoration: none; }

আপনি যদি এটিতে নির্দিষ্ট লিঙ্কগুলি প্রয়োগ করতে চান তবে তাদের একটি শ্রেণির নাম দিন, পছন্দ করুন nounderlineএবং করুন:

a.nounderline {text-decoration: none; }

এটি কেবলমাত্র সেই লিঙ্কগুলিতে প্রযোজ্য হবে এবং অন্য সকলকে প্রভাবিত করবে না।

এই কোডটি <head>আপনার নথির মধ্যে বা স্টাইলশিটে অন্তর্ভুক্ত:

<head>
    <style type="text/css">
        a.nounderline {text-decoration: none; }
    </style>
</head>

এবং দেহে:

<a href="#" class="nounderline">Link</a>

— জন কনডে
সূত্র

15

আমি ব্যবহার করার পরামর্শ দিচ্ছি: যদি মাউস পয়েন্টার অ্যাঙ্কারের উপরে থাকে তবে আন্ডারলাইন এড়ানোর জন্য হোভার করুন

a:hover {
   text-decoration:none;
}

— রোমান
সূত্র

6

এটি আপনার বাহ্যিক স্টাইল শীটে যুক্ত করুন ( পছন্দসই ):
```
a {text-decoration:none;}
```
অথবা এটি <head>আপনার এইচটিএমএল নথির মধ্যে যুক্ত করুন:
```
<style type="text/css">
 a {text-decoration:none;}
</style>
```
অথবা এটি aনিজেই উপাদানটিতে যুক্ত করুন ( প্রস্তাবিত নয় ):
```

<a href="http://example.com" style="text-decoration:none;">Text</a>
```

— 0b10011
সূত্র

4

অন্যান্য উত্তর সমস্ত উল্লেখ টেক্সট-সজ্জা। কখনও কখনও আপনি একটি ওয়ার্ডপ্রেস থিম বা অন্য কারও সিএসএস ব্যবহার করেন যেখানে লিঙ্কগুলি অন্যান্য পদ্ধতির দ্বারা আন্ডারলাইন করা হয়, যাতে পাঠ্য-সজ্জা: কোনওটি আন্ডারলাইনিংটি বন্ধ করে না।

সীমানা এবং বাক্স-ছায়া লিংকগুলি আন্ডারলাইনের জন্য আমি সচেতন সে দুটি অন্যান্য পদ্ধতি। এগুলি বন্ধ করতে:

border: none;

এবং

box-shadow: none;

— জো গোল্টন
সূত্র

2

নিম্নলিখিতটি সর্বোত্তম অনুশীলন নয়, তবে কখনও কখনও এটি কার্যকর প্রমাণিত হতে পারে

জন কনডে সরবরাহিত সমাধানটি ব্যবহার করা আরও ভাল তবে কখনও কখনও বাহ্যিক সিএসএস ব্যবহার করা অসম্ভব। সুতরাং আপনি আপনার এইচটিএমএল ট্যাগে নিম্নলিখিতগুলি যুক্ত করতে পারেন:

<a style="text-decoration:none;">My Link</a>

— nebulousGirl
সূত্র

1

<style="text-decoration: none">

উপরের কোডটি যথেষ্ট হবে। আপনি যে লিঙ্কটি থেকে আন্ডারলাইন সরাতে চান তাতে কেবল এটি আটকান।

— sd1990
সূত্র

1

উপরে বর্ণিত সমস্ত কোড আমার পক্ষে কার্যকর হয়নি। আমি যখন সমস্যাটি খনন করি তখন বুঝতে পারি এটি কাজ করছে না কারণ আমি শৈলীটি href এর পরে রেখেছি। আমি যখন শৈলীটি হ্রেফের আগে রেখেছিলাম তখন এটি প্রত্যাশার মতো কাজ করছিল।

<a style="text-decoration:none" href="http://yoursite.com/">yoursite</a>

— গণেশ এমএস
সূত্র