ADs by Techtunes ADs
ADs by Techtunes ADs

এইচ টি এম এল কোড: পর্ব-২

লিংক এবং পিকচার লিংক তৈরির পদ্ধতি

যোকোন ওয়েব সাইটের ছবি বা বিজ্ঞাপন আপনার সাইটে আপলোড না করেই এড করতে পারেন । নীচের ছবিগুলো টেকটিউনে আপলোড করা হয়নি । শুধু মাত্র লিংক তৈরি করে এখানে কপি পেষ্ট করা হয়েছে । এই ছবিগুলোতে ক্লিক করলেই এক একটি ওয়েব সাইট ওপেন হবে । নীচে লিং এবং পিকচার লিংক তৈরির পদ্ধতি নিয়ে আলোচনা করা হয়েছে ।

ADs by Techtunes ADs

small এইচ টি এম এল কোড: পর্ব-২

ourholyquran এইচ টি এম এল কোড: পর্ব-২

main এইচ টি এম এল কোড: পর্ব-২

What is HTML?

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.

  • HyperText is the method by which you move around on the web — by clicking on special text called hyperlinks which bring you to the next page. The fact that it is hyper just means it is not linear — i.e. you can go to any place on the Internet whenever you want by clicking on links — there is no set order to do things in.
  • Markup is what HTML tags do to the text inside them. They mark it as a certain type of text (italicised text, for example).
  • HTML is a Language, as it has code-words and syntax like any other 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>

এই কোডটির কাজও একই ধরণের । তবে এ লিংকে ক্লিক করলে নুতন উইন্ডো ওপেন হবে ।

এইচ টি এম এল পিকচার লিংক : যেকোন ওয়েব সাইটের ছবিকে  আপনার হোমপেজে লিংক করে খুব সহজেই প্রদরশর্ন করতে পারেন । নীচের চবিগুলো লক্ষ্য করুন । এছবিগুলোকে টেকটিউনে আপলোড করা হয়নি । শুধুমাত্র লিংকটি যোগ করা হয়েছে ।

নীচের দুটো লিংকে লক্ষ্য করুন :

small এইচ টি এম এল কোড: পর্ব-২

ADs by Techtunes ADs

big এইচ টি এম এল কোড: পর্ব-২

ourholyquran এইচ টি এম এল কোড: পর্ব-২

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 কম বেশী করে ছবিকে বড় ছোট করা যাবে ।

14 এইচ টি এম এল কোড: পর্ব-২

ADs by Techtunes ADs
Level 0

আমি সাইফুল ইসলাম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 13 টি টিউন ও 8 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

পাঠকদের প্রতি অনুরোধ আমার দেয়া কোডগুলোতে যদি কোন সমস্যা থাকে দয়া করে আমাকে জানাবেন । ওয়েব পেজে কোড প্রদর্শন করা খুবই ঝামেলার কাজ । কোন কোডে ভুল আছে কিনা যাচাই করতে এই লিংকটি http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_iframe ব্যবহার করুন ।

সাইফুল ভাই চালিয়ে যান …………

দারুন। লিখে যান। শেষ না করলে কিন্তু বদ দোয়া করব। নতুনদের অনেক উপকারে আসবে।

কেন ভাই ? বদদোয়া কেন করবেন ? আমার লিখার সুযোগ থাকলইতো আমি লিখব । সুযোগ না পেলে কি করব ? আমিতো অন্যের চাকরি করি ভাই ।

Level 0

bhi new tune kabe pabo