HTML ডকুমেন্টে ইমেজ ও লিঙ্ক যোগ করার নিয়ম

 

হাইপারলিংক হলো ওয়েবের একটি রিসোর্সে অবস্থিত কোনো রেফারেন্স (কোনো ঠিকানা) যার সাহায্যে পাঠক সরাসরি তার কাঙ্ক্ষিত লক্ষ্যে পৌছাতে পারে । HTML পেইজ, ইমেজ, সাউন্ড ফাইল, মুভি ইত্যাদি বিসোর্সকে হাইপারলিংক দিয়ে দির্দেশ করা হয় । হাইপারলিংক এবং অ্যাংকর এলিমেন্ট <a> ব্যবহৃত হয় ।

HTML লিংকের সিনটেক্স হলোঃ

<a href= “url”>Link text</a>

স্টার্ট ট্যাগটি লিংকের এ্যানট্রিবিউট বহন করে । এলিমেন্ট কন্টেন্ট ( লিংক টেক্সট) যে অংশটি প্রদর্শিত হবে সেটি নির্ধারণ করে । এলিমেন্ট কনটেন্টটিকে যে টেক্সটই হতে হবে তেমন নয় । কোনো ইমেজ বা যে কোনো HTML  এলিমেন্ট থেকে লিংক ও হতে পারে । আর href এ্যাট্রিবিউট লিংকের ঠিকানা নির্ধারণ করে ।

উদাহরনঃ গুগল সার্চ ওয়েবসাইটটিকে ওয়েব পেজে সংযোগনের HTML ভাষার প্রোগ্রামঃ

<html>

<head>

<title> Adding Hyperlink in a webpage </title>

</head>

<body>

<b> Adding another website in webpage</b><br>

<a href= “http\\www.google.com’’> Search Item</a><br>

<body>

<html>

ফলাফলঃ যে কোন ব্রাউজিং সফ্‌টওয়্যার ব্যবহার করে ফাইলটি রান করালেই নিম্নোক্ত আউটপুট পাওয়া যাবে ।

 

Adding another website in webpage

Search Item

 

HTML ডকুমেন্ট ইমেজ যোগ করা

প্রায় প্রতিটি ওয়েব পেইজে ব্যানারসহ ভিবিন্ন ধরনের ছবি দেখা যায় ।  HTML এর সাহায্যে কোন ওয়েব পেজে অতি সহজে ব্যানারসহ যে কোন ধরনের ছবি যোগ করা যায় । ওয়েব পেইজে ছবি বা গ্রাফিক্স যোগ করার জন্য <img> নামের HTML ট্যাগের সাথে sre- ণামেড় এ্যাট্রিবিউট ব্যবহৃত হয় । ওয়েব পেজে ছবি যোগ করার সিনটেক্স হলোঃ

<img src = “URL”>

এখানে URL – হলো যে ছবিটি ওয়েব পেজে যোগ করতে চাই যেই ছবির লোকেশন । উদাহরণের সাহায্যে তা দেখানো হলো  –

HTML Code

< ! DOCTYPE html>

<html>

<body>

<p>

An Image:

<img src=”pic/smilcy,gif ” width= “42” hcight= “42”></p>

<p>

</body>

</html>

উপরের, src= “pic/smiley,gir” লেখাটির অর্থ হলো HTML file- টি যে লোকেশনে আছে সেই লোকেশনের পিচ নামের ফোল্ডারে smiley.gir নামক ইমেজের অবস্থান ।

0 <img> ট্যাগ এর height, with এবং border এ্যাট্রিবিউট

ওয়েব পেইজে যে ইমেজ বা ছবিটি ইনসার্ট করা হবে সেটি উচ্চতায় এবং প্রস্থে কত পিক্সেলের হবে তা height এবং width এ্যাট্রিবিউটের উপর নির্ভর করে । width এ্যাট্রিবিউট ইমেজের প্রস্থ নির্দেশ করে এবং height এ্যাট্রিবিউটটি ব্যবহৃত হয় । এই বর্ডারের রঙ সাধারণত (ডিফল্ট হিসেবে) কালো হয় । তবে ডিফল্ট হিসেবে ইমেজের কোন বর্ডার থাকে না । অবশ্য border = “0” লিখলে কোন বর্ডার পাওয়া যাবে না । তাই বর্ডারের ০ এর চেয়ে বেশি দেয়া উচিত ।

উদাহরণঃ 300 X 200 সাইজ দিয়ে index.jpg ইমেজটি ওয়েবপেইজে সংযোজনের জন্য HTML ভাষার প্রোগ্রামঃ

<html>

<head>

<title> Adding image in a webpage</title>

</head>

<body>

<p><img src = “index.jpg” width = “300” Height = “200” border = “2” ></p>

<body>

</html>

বিঃদ্রঃ- উপরে উল্লেখিত অংশ শুধু মাত্র একটি ওয়েব পেজ এ কিভাবে অন্য একটি সাইট থেকে ছবি ও অন্য যে কোন ডকুমেন্ট যোগ করতে হবে সেই বিবরনই বর্ণনা করা হয়েছে । উক্ত পদ্ধতি অবলম্বন করে যে কোন ওয়েব পেজ এ ডকুমেন্ট, ছবি অথবা লিখা যোগ করা যাবে এতে কোন সন্দেহ নেই ।

লিখাটি ভালো লাগলে লাইক/কমেন্ট/শেয়ার করে আমাদের সাথেই থাকুন । ধন্যবাদ ।

Related Posts

10 Comments

  1. https://blog.jit.com.bd/money-income-by-watching-videos-3947
    ভালো ইনকাম ঘুরে আসার আমন্ত্রন রইলো 50 টাকা হলে পেমেন্ট নিতে পারবেন । লিংক এ গিয়ে দেখে আসুন ভালো লাগলে করবেন । ধন্যবাদ

মন্তব্য করুন