এইচটিএমএল আইফ্রেম(HTML Iframe)
এইচটিএমএল আইফ্রেম ট্যাগ
| ট্যাগ | বর্ণনা |
|---|---|
| <iframe> | আইফ্রেম ট্যাগ বুঝায় |
সিনটেক্স
এইচটিএমএল <iframe> ট্যাগের মাধ্যমে আইফ্রেমকে ডিফাইন করা হয়ঃ
<iframe src="URL"></iframe>
src এট্রিবিউটটি আইফ্রেমের URL নির্দেশ করে।
আইফ্রেমের height এবং width নির্ধারণ
height এবং width এট্রিবিউট ব্যবহার করে আইফ্রেমের আকার নির্ধারণ করা হয়।
এট্রিবিউটের ভ্যালু পিক্সেল অথবা শতকরায়(%) প্রকাশ করা যায়। যেমন- "80%"
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<iframe src="http://www.sattacademy.com/" height="200px" width="100%"></iframe>
</body>
</html>
ফলাফল
আইফ্রেমের বর্ডার বাদ দেওয়া
ডিফল্টভাবে, একটি আইফ্রেমের বর্ডার থাকে। আমরা style এট্রিবিউটে সিএসএস border প্রোপার্টি ব্যবহার করে আইফ্রেমের বর্ডার বাদ দিতে পারিঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<iframe src="http://www.sattacademy.com/" style="border:none;" height="280px" width="100%"></iframe>
</body>
</html>
ফলাফল
আইফ্রেমকে লিংকের টার্গেট হিসেবে সেট করা
আইফ্রেমকে একটি লিংকের টার্গেট ফ্রেম হিসেবে সেট করা যায়।
এই জন্য আইফ্রেমের name এট্রিবিউটের ভ্যালু লিংকের target এট্রিবিউটে উল্লেখ করতে হবেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<iframe height="300px" width="100%" src="http://www.bloodgroupbd.com/" name="iframe_a"></iframe>
<p><a href="http://www.sattacademy.com/" target="iframe_a"> Satt Academy</a></p>
</body>
</html>
ফলাফল
অধ্যায়ের সারাংশ
<iframe>ট্যাগের মাধ্যমে আইফ্রেম ডিফাইন করা হয়heightএবংwidthএট্রিবিউট ব্যবহার করে আইফ্রেমের উচ্চতা এবং প্রস্থ নির্ধারণ করা যায়- এইচটিএমএল
styleএট্রিবিউট ব্যবহার করে আইফ্রেমের বর্ডার বাদ দেওয়া যায় - আইফ্রেমকে লিংকের টার্গেট হিসেবে সেট করা যায়