যোকোন ওয়েব সাইটের ছবি বা বিজ্ঞাপন আপনার সাইটে আপলোড না করেই এড করতে পারেন । নীচের ছবিগুলো টেকটিউনে আপলোড করা হয়নি । শুধু মাত্র লিংক তৈরি করে এখানে কপি পেষ্ট করা হয়েছে । এই ছবিগুলোতে ক্লিক করলেই এক একটি ওয়েব সাইট ওপেন হবে । নীচে লিং এবং পিকচার লিংক তৈরির পদ্ধতি নিয়ে আলোচনা করা হয়েছে ।
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet. It is relatively easy to learn, with the basics being accessible to most people in one sitting; and quite powerful in what it allows you to create. It is constantly undergoing revision and evolution to meet the demands and requirements of the growing Internet audience under the direction of the » W3C, the organisation charged with designing and maintaining the language.The definition of HTML is HyperText Markup Language.
প্রথম পর্বে আমরা ভিডিও লিংক তৈরির কৌশল শিখেছি । এবারে আমরা html code দিয়ে লিংক এবং পিকচার লিংক তৈরির কৌশল শিখব । html link: same window:
<a href=”http://www.islamhouse.com”> ISLAMHOUSE </a>
উপরে কোডটির লিংকের নাম দেয়া আছে “ISLAMHOUSE” উপরের এই কোডটি ওয়েবপেজে ব্যবহার করলে লিংক হিসেবে ISLAMHOUSE শব্দটি দেখা যাবে । বাকী অংশ দেখা যাবে না । ISLAMHOUSE শব্দটির জায়গায় বাংলা টাইপ করা যাবে । কোডের মধ্যে যে ওয়েব এড্রেসটি দেয়া আছে ISLAMHOUSE লিংকে ক্লিক করলে সেই এড্রেসটি (www.islamhose.com) ওপেন হবে । এই কোডের লিংক এড্রেসটি(www.islamhose.com) মুছে দিয়ে আপনি যে এড্রেসটি লিংকে যোগ করতে চান সেটি এখানে পেস্ট করুন । লিংকের সাথে সামন্জস্য রেখে ISLAMHOUSE শব্দটির পরিবর্তে একটি নাম টাইপ করুন । এই লিংকে ক্লিক করলে নুতন উইন্ডো খুলবে না ।একই উইন্ডোতে নুতন লিংকটি দেখা যাবে । html link: new window:
<a href="http://www.islamhouse.com">ISLAMHOUSE</a>
এই কোডটির কাজও একই ধরণের । তবে এ লিংকে ক্লিক করলে নুতন উইন্ডো ওপেন হবে ।
এইচ টি এম এল পিকচার লিংক : যেকোন ওয়েব সাইটের ছবিকে আপনার হোমপেজে লিংক করে খুব সহজেই প্রদরশর্ন করতে পারেন । নীচের চবিগুলো লক্ষ্য করুন । এছবিগুলোকে টেকটিউনে আপলোড করা হয়নি । শুধুমাত্র লিংকটি যোগ করা হয়েছে ।
নীচের দুটো লিংকে লক্ষ্য করুন :
1. <a href="http://www.islamhouse.com/"><img border="0" src="http://www.islamhouse.com/d/files/en/linktous/images/small.gif" /></a>
2. <a href='http://www.ourholyquran.com'><img src='http://www.ourholyquran.com/images/ourholyquran.gif' border='0'></a>
উপরের দু’টো কোডে এমনভাবে সাজানো হয়েছে কোডগুলো আপনার পেজে যেমন ছবি প্রদশর্ন করবে অন্যদিকে ছবির সাথে আপনি যে ইউ আর এল যোগ করবেন ছবিতে ক্লিক করলে সেটি ওপেন হবে । উপরের প্রথম ছবিটে ক্লিক করলে islamhouse সাইটটি ওপেন হবে । এক নাম্বার কোডটিতে “http://www.islamhouse.com/” ইউ আর এলটি মুছে দিয়ে আপনি যেকোন ইউ আর এল বা লিংক যোগ করতে পারেন । আনার ছবিটর সাথে কোন লিংক রাখতে না চাইলে “http://www.islamhouse.com/” অংশটুকু কোড থেকে মুছে দিন । এতে করে আপনি ছবিটি দেখতে পাবেন কিন্তু ছবিতে ক্লিক করলে কোন লিংক ওপেন হবে না ।
এক নাম্বার কোডের “http://www.islamhouse.com/d/files/en/linktous/images/small.gif” এই অংশটুকু হচ্ছে ইমেজ ইউ আর এল । ওয়েব সাইটের যেকোন ছবির উপর মাউছের রাইট বাটনে ক্লিক করে প্রপাটিজে ক্লিক করুন । প্রপাটিজের এড্রেস ইউ আর এল -এর ডানপাশে http:// থেকে শুরু করে gif,( jpg, jpeg, png) পযর্ন্ত হচ্ছে ইমেজ ইউ আর এল । উপরের কোডের ইমেজ ইউ আর এলটি মুছে দিয়ে যে ইমেজ্ ইউ আর এলটি যোগ করবেন সেটিই আপনার পেজে প্রদশির্ত হবে । ছবির hight এবং width কম বেশী করে ছবিকে বড় ছোট করা যাবে ।
আমি সাইফুল ইসলাম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 16 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 13 টি টিউন ও 8 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
দারুন। লিখে যান। শেষ না করলে কিন্তু বদ দোয়া করব। নতুনদের অনেক উপকারে আসবে।
পাঠকদের প্রতি অনুরোধ আমার দেয়া কোডগুলোতে যদি কোন সমস্যা থাকে দয়া করে আমাকে জানাবেন । ওয়েব পেজে কোড প্রদর্শন করা খুবই ঝামেলার কাজ । কোন কোডে ভুল আছে কিনা যাচাই করতে এই লিংকটি http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_iframe ব্যবহার করুন ।