কোনও ওয়েবসাইটে হাইপারলিঙ্ক কীভাবে তৈরি করা যায়

সুচিপত্র:

কোনও ওয়েবসাইটে হাইপারলিঙ্ক কীভাবে তৈরি করা যায়
কোনও ওয়েবসাইটে হাইপারলিঙ্ক কীভাবে তৈরি করা যায়

ভিডিও: কোনও ওয়েবসাইটে হাইপারলিঙ্ক কীভাবে তৈরি করা যায়

ভিডিও: কোনও ওয়েবসাইটে হাইপারলিঙ্ক কীভাবে তৈরি করা যায়
ভিডিও: 12: কিভাবে HTML- এ লিঙ্ক তৈরি করবেন | CSS এর মূল বিষয়গুলি HTML এবং CSS শিখুন | HTML টিউটোরিয়াল 2024, ডিসেম্বর
Anonim

হাইপারলিঙ্কস হ'ল ভিত্তি যার ভিত্তিতে ইন্টারনেটের কাঠামো নির্মিত হয়। ইন্টারনেট পৃষ্ঠাগুলির এই উপাদানগুলি আপনাকে সাইটের পৃষ্ঠাগুলিকে একটি একক নেটওয়ার্কে লিঙ্ক করতে দেয়। আসুন কীভাবে হাইপারলিংকগুলি ডকুমেন্টগুলিতে sertedোকানো হয় তার একটি নিবিড় নজর দিন।

সাইটের পৃষ্ঠাগুলিতে হাইপারলিঙ্কস
সাইটের পৃষ্ঠাগুলিতে হাইপারলিঙ্কস

নির্দেশনা

ধাপ 1

হাইপারটেক্সট লিঙ্কগুলি পাঠ্য, চিত্র বা অন্যান্য পৃষ্ঠা উপাদানগুলিকে অন্যান্য হাইপারটেক্সট ডকুমেন্টগুলিতে লিঙ্ক করার জন্য ডিজাইন করা হয়েছে। লিঙ্কগুলি সহ কোনও সাইটের পৃষ্ঠার সমস্ত উপাদান ব্রাউজার দ্বারা তৈরি করা হয়, যা সার্ভারের কাছে প্রেরিত পৃষ্ঠা কোড থেকে বিশদ নির্দেশাবলী গ্রহণ করে। এই এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) কোডটিতে "ট্যাগ" রয়েছে যা কোনও ওয়েব পৃষ্ঠার সমস্ত উপাদানগুলির ধরন, উপস্থিতি এবং অবস্থান বর্ণনা করে। পৃষ্ঠা কোডে নিম্নলিখিত ট্যাগটির মুখোমুখি হওয়ার সময় ব্রাউজার দ্বারা একটি স্ট্যান্ডার্ড হাইপারলিঙ্ক তৈরি করা হয়, উদাহরণস্বরূপ, নিম্নলিখিত ট্যাগ: পাঠ্য লিঙ্কটি এখানে খোলার লিঙ্ক ট্যাগটি রয়েছে - সমাপ্তি ট্যাগ। খোলার ট্যাগটিতে অতিরিক্ত তথ্য থাকতে পারে - "গুণাবলী"। এই সাধারণ লিঙ্কে, href বৈশিষ্ট্যটিতে পৃষ্ঠাটির URL বা অন্যান্য দস্তাবেজ রয়েছে যা কোনও দর্শনার্থী লিঙ্কটিতে ক্লিক করলে অনুরোধ করা হবে। কখনও কখনও সম্পূর্ণ ঠিকানাটি চিহ্নিত করার প্রয়োজন হয় না - যদি অনুরোধ করা দস্তাবেজটি একই ফোল্ডারে সার্ভারে অবস্থিত (বা এটিতে একটি সাবফোল্ডার), তবে কেবলমাত্র তার নাম বা সাবফোল্ডারের পথ নির্দিষ্ট করার জন্য এটি যথেষ্ট। এই জাতীয় ঠিকানাগুলিকে "আপেক্ষিক" বলা হয়, এগুলি লিখিত হওয়া উচিত, উদাহরণস্বরূপ: পাঠ্য লিঙ্ক আপনি যখন এই লিঙ্কটিতে ক্লিক করেন, একই ফোল্ডারের ডকুমেন্ট মোর টেক্সট এইচটিএমএল লোড হবে। এবং পরম লিঙ্ক ঠিকানাগুলি একটি প্রোটোকল দিয়ে শুরু হয়, উদাহরণস্বরূপ: পাঠ্য লিংক এখানে "HTTP" (হাইপারটেক্সট ট্রান্সফার প্রোটোকল) কোনও নেটওয়ার্কের নথির স্বাভাবিক ঠিকানা। এবং যদি আপনি "মেলটো" প্রোটোকলটি নির্দিষ্ট করে থাকেন তবে হাইপারলিঙ্কটি অন্য কোনও পৃষ্ঠায় যাওয়ার পরিবর্তে আপনার মেল প্রোগ্রামটি চালু করবে: ইমেল লিঙ্ক): সংরক্ষণাগারটিতে লিঙ্ক

ধাপ ২

আরেকটি হাইপারলিংক বৈশিষ্ট্য যা নতুন উইন্ডোটিতে কোনও "উইন্ডো" বানানো হবে তা নির্দেশ করে target আপনি যদি href অ্যাট্রিবিউটে কোনও সঠিক ঠিকানা লিখতে পারেন তবে লক্ষ্যমাত্রার কেবলমাত্র চারটি মান থাকতে পারে: _ নিজেই - পৃষ্ঠাটি একই উইন্ডো বা ফ্রেমে লোড করতে হবে। "ফ্রেমস" বলতে উইন্ডোর একটি অংশকে বিভিন্ন অংশে বিভক্ত করে; _ পিতামাতা - যদি বর্তমান পৃষ্ঠাটি নিজেই অন্য উইন্ডো (বা ফ্রেম) থেকে লোড করা থাকে, তবে এটিতে "প্যারেন্ট" উইন্ডো রয়েছে। এবং পিতামাতার মানটির জন্য যে পৃষ্ঠাটিতে লিঙ্ক পয়েন্টগুলি এই প্যারেন্ট উইন্ডোতে লোড করা উচিত; _ টপ - নতুন পৃষ্ঠাটি একই উইন্ডোতে লোড করা আবশ্যক। যদি এই উইন্ডোটি ফ্রেমে বিভক্ত হয়, তবে লোড করার পরে সেগুলি ধ্বংস হয়ে যাবে এবং নতুন উইন্ডোটি এই উইন্ডোটির একমাত্র ফ্রেম হবে; _ব্ল্যাঙ্ক - লিঙ্কটি অনুসরণ করতে একটি পৃথক উইন্ডো খোলা হবে; উদাহরণস্বরূপ:

লিঙ্কটি একটি নতুন উইন্ডোতে খুলবে

ধাপ 3

অন্য পৃষ্ঠায় না গিয়ে একই ডকুমেন্টের প্রদত্ত বিভাগে যাওয়ার জন্য হাইপারলিঙ্ক তৈরি করা সম্ভব। ডকুমেন্টের এইচটিএমএল-কোডটিতে এই জাতীয় "গন্তব্য" ইঙ্গিত করতে, একটি অ্যাঙ্কর লিঙ্ক ব্যবহার করা হয়েছে: এবং এই নোঙ্গরটিতে নথিটি স্ক্রোলিং লিঙ্কটি দেখতে এইরকম দেখাচ্ছে: পৃষ্ঠার প্রথম অ্যাঙ্কারের সাথে লিঙ্ক আপনি কেবল অ্যাঙ্করগুলিতেই লিঙ্ক করতে পারেন এই দস্তাবেজটিতে, তবে অন্যদের মধ্যেও: অন্য পৃষ্ঠায় অ্যাঙ্কর অবশ্যই, অন্য নথির এইচটিএমএল কোডে = "অ্যাঙ্কর 1" বৈশিষ্ট্যের সাথে এ জাতীয় অ্যাঙ্কর লিঙ্ক উপস্থিত থাকতে হবে।

পদক্ষেপ 4

একটি হাইপারলিঙ্ক কেবল পাঠ্যই নয়, পৃষ্ঠাগুলির অন্যান্য উপাদানগুলিও পরিবেশন করতে পারে - উদাহরণস্বরূপ, ছবি। একটি ছবি আঁকার সবচেয়ে সহজ ট্যাগটি দেখতে এই রকম: এবং ছবিটি হাইপারলিংক হওয়ার জন্য, এটি অবশ্যই প্রারম্ভিক এবং সমাপ্ত লিঙ্ক ট্যাগের মধ্যে আবদ্ধ থাকতে হবে:

প্রস্তাবিত: