HTML_Part35_লিষ্ট এর সাথে Link এর ব্যবহার, URL বা Path এর বর্ণনা ~ ICT & others Information

HTML_Part35_লিষ্ট এর সাথে Link এর ব্যবহার, URL বা Path এর বর্ণনা

August 10, 2016 Sharmin Khan Ishita

লিষ্ট এর সাথে Link এর ব্যবহার

এর আগে আমরা লিষ্ট তৈরী করা শিখেছি। এখন লিষ্টএর আইটেমের সাথে লিংক স্থাপন করবো। graphics, programming এবং animation নামে তিনটি html ফাইল তৈরী করে একই ফোল্ডারে রাখুন। এখন home পেজটি তৈরী করবো।

আবারও নিচের মত কোডিং সহ পেজ তৈরী করুন।

<!DOCTYPE html>

<html>

<body>

<h1> nova courses </h1>

multimedia courses

<ol> <li> <a href=”graphics.htm”>click here to details about graphics course </a>

<li> <a href=”programming.htm”>click here to details about programming course </a>

<li> <a href=”animation.htm”> click here to details about animation course </a> </ol>

</body>

</html>

Preview বাটনে ক্লিক করে নিম্নরুপ ফলাফল পাওয়া যাবে।

Click here to details about Graphics Course লেখার উপর ক্লিক করুন। নিচের মত Graphics Course আসবে।

বিভিন্ন ধরনের URL বা Path এর বর্ণনা

href=page1.html এর অর্থ হচ্ছে ফাইলটি বর্তমান ডারেক্টরীতে আছে।

href=”html/page1.html” এর অর্থ হচ্ছে ফাইলটি বর্তমান ডারেক্টরীতে html নামের ডাইরেকটরির মধ্যে ফাইলটি আছে।

href=”nova/html /page1.html” এর অর্থ হচ্ছে ফাইলটি বর্তমান ডারেক্টরীতে nova নামের মধ্যে html নামে ফোল্ডার এবং তার মধ্যে,ফাইলটি আছে।

href=”../page1.html” এর অর্থ হচ্ছে ফাইলটি বর্তমান ডারেক্টরীতে ১ লেবেল উপরে ফাইলটি আছে।

href=”../../page1.html” এর অর্থ হচ্ছে ফাইলটি বর্তমান ডারেক্টরীতে ২ লেবেল উপরে ফাইলটি আছে।

href=”e/html/page1.html” এর অর্থ হচ্ছে e ড্রাইবে html নামক ফোল্ডারের মধ্যে ফাইলটি আছে।

href=”http://www.novacomputerbd.com”এর অর্থ ওয়েব Address এর সাথে লিংক।

<a> Anchor ট্যাগ এবং name Attribute

<Anchor> ট্যাগের সাথে name Attribute টি ব্যবহৃত হয়।

এই অ্যাট্রিবিউট দ্বারা একই পেজের বিভিন্ন Part বা Section এ ব্রাউজ করা যায়। একটি পেজে যখন অনেক বড় (কয়েক পৃষ্ঠার) আর্টিকেল থাকে তখন সাধারণত দ্রুত নিচে/উপরে বিভিন্ন সেকশনে বা পার্টে যাওয়ার জন্য এই name অ্যাট্রিবিউট ব্যবহার করা হয। এজন্য প্রথমে name অ্যাট্রিবিউটে name সিলেক্ট করতে হয। এর Syntax হলো : <a name=“name of name attribute(lebel)”> Anchor Text </a>

name দেওয়া বা নির্ধারনের পর name অ্যাট্রিবিউটের লিংক প্রদান করতে হয়। এটি “herf” অ্যাট্রিবিউটের সাথে ব্যবহার করতে হয়। এটির Syntax হলো: <a herf=”#Lebel”> Anchor Text </a>

উল্লেখ্য Named Lebel এর পূর্বে একটি হ্যাস (#) চিহ্ন লিংকের সময় ব্যবহার করতে হয়। চলুন প্রচুর Text সহ একটি পেজ তৈরী করে Link এর মাধ্যমে উপরে/নিচে বা নির্দিষ্ট স্থানে সহজে কিভাবে যাওয়া যায় সেটি দেখা যাক।

আবারও নিচের মত কোডিং সহ পেজ তৈরী করুন।

<!DOCTYPE html>

<html>

<head>

<title> example of Image map </title>

</head>

<body>

<a href="#part4">Click to go Part4-bottom </a> 

<a name="part1"> </a> 

<a href="#middle"> Click to go to middle </a> 

This is part1

cookies set by another site you have visited and vice-versa).     Our site uses cookies to store personal site preferences, session information, and ordering information specific to you (such as the contents of your shopping cart).

Cookies are small data files that websites can write to your hard drive when you visit them. Once written, the cookie can only be accessed by the site that originally created it (ie. our site cannot read cookies set by another site you have visited and vice-versa).     Our site uses cookies to store personal site preferences, session information, and ordering information specific to you (such as the contents of your shopping cart).

This is part2

websites can write to your hard drive when you visit them. Once written, the cookie can only be accessed by the site that originally created it (ie. our site cannot read cookies set by another site you have visited and vice-versa).     Our site uses cookies to store personal site preferences, <a href="">session information</a>, and ordering information specific to you (such as the contents of your shopping cart).

<a name="middle"> go to top </a> 

<a href="#part1"></a> 

websites can write to your hard drive when you visit them. Once written, the cookie can only be accessed by the site that originally created it (ie. our site cannot read cookies set by another site you have visited and vice-versa).     Our site uses cookies to store personal site preferences, , and ordering information specific to you (such as the contents of your shopping cart).

This is part3

COOKIES ARE SMALL DATA FILES THAT WEBSITES CAN WRITE TO YOUR HARD DRIVE WHEN YOU VISIT THEM. ONCE WRITTEN, THE COOKIE CAN ONLY BE ACCESSED BY THE SITE THAT ORIGINALLY CREATED IT (IE. OUR SITE CANNOT READ COOKIES SET BY ANOTHER SITE YOU HAVE VISITED AND VICE-VERSA). &NBSP;&NBSP;&NBSP; OUR SITE USES COOKIES TO STORE PERSONAL SITE PREFERENCES, SESSION INFORMATION, AND ORDERING INFORMATION SPECIFIC TO YOU (SUCH AS THE CONTENTS OF YOUR SHOPPING CART).

<a href="#part1">Click to go Part1 top</a> 

<a name="part4"></a> 

This is part4

WEBSITES CAN WRITE TO YOUR HARD DRIVE WHEN YOU VISIT THEM. ONCE WRITTEN, THE COOKIE CAN ONLY BE ACCESSED BY THE SITE THAT ORIGINALLY CREATED IT (IE. OUR SITE CANNOT READ COOKIES SET BY ANOTHER SITE YOU HAVE VISITED AND VICE-VERSA). &NBSP;&NBSP;&NBSP; OUR SITE USES COOKIES TO STORE PERSONAL SITE PREFERENCES, AND ORDERING INFORMATION SPECIFIC TO YOU (SUCH AS THE CONTENTS OF YOUR SHOPPING CART).

</body>

</html>

ব্রাউজার দিয়ে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।

Click to goto Part4 লেখার উপর ক্লিক করুন। নিচের মত Page আসবে।

Click to goto Part1 লেখার উপর ক্লিক করুন। নিচের মত Page আসবে।

Click to goto middle লেখার উপর ক্লিক করুন। নিচের মত web page আসবে।

Previous Post Next Post

বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Web Design & development

Writer: Bappi Ashraf

Published By: Gyankosh Prokashani

Amount of Pages: 640

First Publish: February 2014

Last Edition: Future edition may be existed!

Book Price: BDT 450 (30% Discount)

The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book. Book's CD Link below...