Networking >> Lesson - 22
IMG এবং A ট্যাগের ব্যবহার
IMG ট্যাগের কাজ
HTML ডকুমেন্টে ছবি প্রতিস্থাপন করার জন্য IMG ট্যাগ ব্যবহৃত হয় । IMG ট্যাগের সাথে SRC অ্যট্রিবিউট ব্যবহার করে নির্দিষ্ট ছবির ফাইলটিকে ওয়েবপেজে দেখান হয় । ছবি বড়ো বা ছোট করার জন্য HEIGHT ও WIDTH অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমনঃ- D ড্রাইভে থাকা tulips.jpg নামক ফাইলের ছবিটিকে ওয়েবপেজে দেখানর জন্য HTML কোডটি হলে
<!– <IMG SRC=”D:\Tulips.jpg” height=300 width=300> –>
নিচের ওয়েব পেজটি তৈরি করার HTML কোডটি নিচে দেওয়া হলঃ-
<!–
<HTML>
<HEAD>
<TITLE> Use of IMG Tag </TITLE>
</HEAD>
<BODY>
<center>
<H1> TULIPS FLOWER </H1>
<IMG SRC=”D:\Tulips.jpg” HIGHT=300 WIDTH=300>
</BODY>
</HTML>
A ট্যাগের কাজ
একই ডকুমেন্টের বিভিন্ন অংশ বা বিভিন্ন ডকুমেন্টের একে অন্যের সাথে সংযোগ স্থাপন করা কে হাইপারলিঙ্ক বলে। HTML হাইপারলিঙ্ক করার জন্য A ট্যাগ ব্যবহার করে এবং এর সাথে HREF নামক অ্যাট্রিবিউট ব্যবহার করে অন্য ফাইলের সাথে সংযোগের জন্য ।
যেমনঃ Click to see PENGUINS লেখাটির সাথে Dড্রাইভে থাকা TEST.HTML ফাইলের সাথে হাইপারলিঙ্ক করার কোডটি হলে
<!– <A HREF=”D:/TEST.HTML”>Click to see Penguins </A>–>
নিচের ওয়েব পেজটি তৈরি করার HTML কোডটি নিচে দেওয়া হলঃ-
প্রথম ওয়েবপেজের HTML কোড
<!–<HTML>
<HEAD>
<TITLE> Use of A Tag </TITLE>
</HEAD>
<BODY>
<center>
<H1> TULIPS FLOWER </H1>
<IMG SRC=”D:\Tulips.jpg” HIGHT=300 WIDTH=300><BR>
<A HREF = “D:/test2.html”> Click here to see penguins </A>
</BODY>
</HTML>
দ্বিতীয় ওয়েবপেজের HTML কোড
<!–<HTML>
<HEAD>
<TITLE> Use of A Tag </TITLE>
</HEAD>
<BODY>
<center>
<H1> PENGUINS </H1>
<IMG SRC=“D:\Penguins.jpg” HIGHT=300 WIDTH=300> <BR>
<H3><A HREF=“D:/test.html”> Back</A> </H3>
</BODY>
</HTML>–>
