কিভাবে একটি HTML নথিতে একটি লিঙ্ক তৈরি করতে। ট্যাগ এ - এর সিনট্যাক্স এবং গুণাবলী
- ইন্টারনেটে একটি পৃষ্ঠার URL বা "ঠিকানা"
- <A> ট্যাগ এবং তার মূল সিনট্যাক্স
- পরম এবং আপেক্ষিক রেফারেন্স
- বর্তমানের চেয়ে বেশি ডিরেক্টরি সম্পর্কিত আপেক্ষিক লিঙ্ক
- ...
- শিরোনাম লিঙ্ক। <A> ট্যাগের জন্য শিরোনাম বৈশিষ্ট্য
- ...
- নথি ভিতরে অভ্যন্তরীণ লিঙ্ক বা নোঙ্গর
- লিঙ্ক অ্যাঙ্কর - ছবি
- প্রসার
রেফারেন্স (বা হাইপারলিঙ্ক) রক্তবাহী জাহাজের মতো ইন্টারনেটে প্রবেশ করে। কোন লিঙ্ক ছিল না, কোন ইন্টারনেট হবে।
কিভাবে এইচটিএমএল ডকুমেন্টে একটি লিঙ্ক তৈরি করবেন এবং সঠিকভাবে নিবন্ধগুলি কীভাবে নিবন্ধন করবেন, একটি URL কী এবং কীভাবে অনুসন্ধান ইঞ্জিনগুলি লিঙ্কগুলির সাথে সম্পর্কিত হয় - এই পরবর্তী পাঠটিতে এইচটিএমএল শিখতে শুরু করে।
ইন্টারনেটে একটি পৃষ্ঠার URL বা "ঠিকানা"
ওয়েবে প্রতিটি HTML নথির নিজস্ব নিজস্ব "সঠিক ঠিকানা" রয়েছে। এটি ইংরেজিতে "URL" বলা হয়। ইউআরএল - ইউনিফর্ম রিসোর্স লোকেটার
URL গঠনটি ব্রাউজারের ঠিকানা বারে দৃশ্যমান হয়। এতে রয়েছে:
- প্রোটোকল নাম http: // বা https: //
- সাইট ডোমেইন
- ফোল্ডার বা ফোল্ডার যেখানে পাথ এই নথিতে অবস্থিত,
- ফাইলের নাম (সর্বদা হতে পারে না)।
এই "সঠিক ঠিকানা" এর জন্য ধন্যবাদ এই দস্তাবেজের অন্য নথির পাঠ্য থেকে পড়ুন।
<A> ট্যাগ এবং তার মূল সিনট্যাক্স
আমি আশা করি "সিনট্যাক্স" শব্দটি আর আপনাকে ভয় করবে না
<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> লিঙ্ক পাঠ্য </a>
আপনি দেখতে পারেন যে, <A> ট্যাগের শুরু হওয়ার পরে, এমন একটি বাধ্যতামূলক href বৈশিষ্ট্য থাকতে হবে যা আপনি যে দস্তাবেজে যেতে চান তার ঠিকানাটি নির্দিষ্ট করে।
<A> ধারক ট্যাগ নিজেই একটি পাঠ্য (যদিও একটি ছবি থাকতে পারে), যা লিঙ্কের পাঠ্য। এটি " অ্যাঙ্কর " বা সহজে বলা হয় - অ্যাঙ্কর।
পরম এবং আপেক্ষিক রেফারেন্স
উপরে উদাহরণে, পরম রেফারেন্স ব্যবহার করা হয়। যারা ডকুমেন্টের সম্পূর্ণ ইউআরএল ধারণ করে।
কিছু ক্ষেত্রে, href এট্রিবিউটটিতে প্রোটোকলের নামে এবং সাইটের ডোমেনের সাথে একটি সম্পূর্ণ URL থাকে না। যদি লিঙ্কে লিঙ্কটি লিপিবদ্ধ হয়, তবে একই সাইটে - আপনি যেখানে দস্তাবেজটি অবস্থিত সেই স্থান থেকে শীর্ষস্থানীয় লিঙ্কটি ব্যবহার করতে পারেন।
আপেক্ষিক রেফারেন্স প্রয়োগ করা হয় যখন প্রকল্প
উদাহরণ: first.html ডকুমেন্টের একটি লিঙ্ক দ্বিতীয় ফাইল ফাইলে যায় যা নিউজ ফোল্ডারে অবস্থিত।
বর্তমানের চেয়ে বেশি ডিরেক্টরি সম্পর্কিত আপেক্ষিক লিঙ্ক
কোড:
<a href="../first.html"> এটি একটি ডিরেক্টরি স্তরের একটি ফাইলের একটি আপেক্ষিক লিঙ্ক </a>
এই লিঙ্কটি "parent" ডিরেক্টরিতে first.html ফাইলটিকে নির্দেশ করে, যেমন। এক স্তর আপ ।
সমন্বয় ../ লিঙ্কটি তৈরি করা হচ্ছে এমন ফাইলটির প্রদত্ত অবস্থান থেকে এক স্তর উপরে একটি ফোল্ডার নির্দেশ করে।
<A> ট্যাগের বৈশিষ্ট্য। একটি নতুন উইন্ডোতে রেফারেন্স দ্বারা একটি নথি কিভাবে খুলুন
একটি নতুন ব্রাউজার ট্যাবতে দস্তাবেজটি খোলার জন্য, আপনাকে বৈশিষ্ট্য লক্ষ্য = "_ blank" ব্যবহার করতে হবে
বৈশিষ্ট্য লিঙ্ক লক্ষ্য = "_ blank"
এটা অপব্যবহার করবেন না। এই বৈশিষ্ট্য সঙ্গে সাইটের অভ্যন্তরীণ লিঙ্ক করতে কোন প্রয়োজন। ব্যবহারকারীরা "চমকপ্রদ উইন্ডো" দ্বারা বিরক্ত হবে।
সাধারণভাবে, এই লক্ষ্য বৈশিষ্ট্য সঙ্গে - পুরো গল্প। এখনও তার অনেকগুলি অর্থ রয়েছে, তবে তাদের সবগুলি খুব কমই ব্যবহৃত হয়।
এই কারণেই তারা এমন ফ্রেমে সাইটগুলির সাথে কাজ করার জন্য ডিজাইন করা হয়েছে যা আর জনপ্রিয় নয় এবং HTML5 এর আগমনের সাথে অতীতের জিনিস হয়ে উঠছে।
শিরোনাম লিঙ্ক। <A> ট্যাগের জন্য শিরোনাম বৈশিষ্ট্য
আরেকটি কার্যকর বৈশিষ্ট্য হল শিরোনাম = "এই লিঙ্কটি কোথায় আসে তা ব্যাখ্যা করে পাঠ্য"
শব্দবিন্যাস:
<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the pop -up hint"> এটি একটি ইঙ্গিত লিঙ্ক </a>
আপনি দেখতে পারেন, ব্রাউজার এটি একটি টুল টিপ হিসাবে প্রদর্শন করে। এবং এখনো, এটি অ্যাকাউন্ট সার্চ ইঞ্জিন লাগে।
লিঙ্ক শিরোনাম জন্য ইঙ্গিত ইঙ্গিত
বৈশিষ্ট্য হাইপারলিঙ্ক nofollow। রেফারেন্স দ্বারা সাইটের "বিশ্বাস" স্থানান্তর নিষিদ্ধ
লিঙ্কগুলির জন্য আরো একটি দ্বিধান্বিত বৈশিষ্ট্য রয়েছে = rel = "nofollow"
তিনি সার্চ ইঞ্জিনগুলিকে বলে যে লিঙ্ক দস্তাবেজ বিশ্বাসযোগ্য হতে পারে না। একই সময়ে, উত্স সাইট থেকে বিশ্বাস ("বিশ্বাস") সূচকগুলি রেফারেন্স দ্বারা সাইটটিতে প্রেরণ করা হয় না।
"ট্রাস্ট" এবং লিঙ্কিং র্যাঙ্কিংয়ের বিষয় এখনও এগিয়ে রয়েছে, তবে এটি যদি সংক্ষিপ্ত হয় তবে অনুসন্ধান ইঞ্জিনগুলির সাইটগুলির "ভাগ্য" এছাড়াও এই সাইটটির দিকে পরিচালিত লিঙ্কগুলিতে নির্ভর করবে। তাদের আরো, আরো অনুমোদিত সাইট লিঙ্ক - রেফারেন্স দ্বারা সাইটের আরো বিশ্বাসযোগ্যতা।
কিছু ক্ষেত্রে, এটি এই বৈশিষ্ট্যটির সাথে "স্ক্রীনিং" লিঙ্কগুলির মূল্য। উদাহরণস্বরূপ, আপনি যদি কোনও পরিষেবা সম্পর্কে নেতিবাচক পর্যালোচনা লিখেন।
<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> খারাপ সাইট </a>
নথি ভিতরে অভ্যন্তরীণ লিঙ্ক বা নোঙ্গর
বড় গ্রন্থে, নথির লজিক্যাল অংশগুলিতে তথাকথিত "নোঙ্গর" ইনস্টলেশনের প্রায়শই প্রয়োজন হয়। তারপর, এই স্থানে, আপনি উল্লেখ করতে পারেন।
এটি ব্যবহার করার সবচেয়ে সহজ উপায় হল এই অ্যাংকারগুলির দিকে নিয়ে হাইপারলিঙ্কগুলি থেকে একটি স্থানীয় টেবিল তৈরি করা। বিষয়বস্তু এই ধরনের টেবিল সাধারণত প্রবন্ধের খুব শুরুতে স্থাপন করা হয়।
যেমন একটি নোঙ্গর তৈরি করার সময়, href বৈশিষ্ট্য এর পরিবর্তে নামের বৈশিষ্ট্যটি ব্যবহার করা হয়।
একটি নোঙ্গর তৈরি করার জন্য সিনট্যাক্স হল:
<a name="top"> </a>
একটি লিঙ্ক তৈরি করার সময়, URL এর শেষে সাইন # দিয়ে যোগ করুন - "নোঙ্গর" নামটি:
<p> <a href="#top"> শীর্ষ </a> </ p>
স্থানান্তর ঠিক এই জায়গায় হবে, যেমন। ব্রাউজার এই জায়গাটি তার উপরের দৃশ্যমান অংশে রাখবে।
প্রায়শই, দীর্ঘ নথিতে, খুব নীচে তারা যেমন একটি লিঙ্ক "শীর্ষ" করা।
... সুগন্ধী শস্যের সারা বিশ্ব ভ্রমণের মাধ্যমে, তাদের মধ্যে সর্বোচ্চ মানের পাওয়া যায় যার জন্য আফ্রিকা, এশিয়া, কেন্দ্রীয় ও দক্ষিণ আমেরিকা বিখ্যাত। অতএব আজকের ব্র্যান্ডের কফি ঘরে কফি মটরশুটি আপনি স্বীকৃত নির্মাতারা থেকে সেরা কফি জাতের খুঁজে পাবেন।
? শীর্ষে ?
যদি আপনি URL নামটির শেষে # name_accord দিয়ে যুক্ত করেন তবে অন্য কোনও দস্তাবেজ থেকেও আপনি এই স্থানে যেতে পারেন
<a href="http://domen-saita.ru/dokument.html#top"> লিঙ্ক নথিতে এই নথিতে "অ্যাঙ্কর" শীর্ষক হয়
লিঙ্ক অ্যাঙ্কর - ছবি
কোন ছবি একটি লিঙ্ক হতে পারে।
কোড:
<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "প্রস্থ =" 100 "উচ্চতা =" 131 "/> </a>
ডিফল্টরূপে, লিংকগুলি একটি নিখুঁত নীল রেখা সহ ব্রাউজার দ্বারা আন্ডারলাইন করা হয় এবং লিঙ্ক-ছবিগুলি নীল ফ্রেম পায়।
লিংক-ছবি একটি নীল ফ্রেম পেতে
এটি পরিত্রাণ পেতে, সাইটের জন্য সিএসএস ফাইলটিতে একটি সাধারণ নিয়ম যোগ করা হয়েছে:
একটি {সীমানা: 0 পিএক্স;}
এই সমস্ত ইমেজ লিঙ্কের সীমানা বেধ শূন্য করতে একটি নির্দেশনা।
প্রসার
পরবর্তী পোস্টে, আমি ইমেল লিঙ্ক, তাদের গুণাবলী এবং মন্দ স্প্যামার থেকে "সুরক্ষা" পদ্ধতি সম্পর্কে কথা বলব