একটা ওয়েব সাইটে ভিতরে অনেক
সময় বিভিন্ন কারনে বা বিভিন্ন বিষয়ের উপর লিঙ্ক দেয়া হয়। এগুলো বেশির ভাগ অন্য
ওয়েব সাইটের লিংক থাকে।আপনার ওয়েব সাইটের পেজের ভিতরেই আরেকটি ওয়েব সাইট নির্দিষ্ট
height এবং width দিয়ে scrolling করাতে পারবেন।
iframe তৈরির জন্য <iframe>
</iframe> ট্যাগ ব্যাবহার করা হয়। এই ট্যাগের মধ্যে অন্য ওয়েব পেজ বা
যে পেজ iframe এর ভিতরে দেখাতে চান তার লিংক এবং height ও width attribute ব্যাবহার করে iframe এর আকার নির্ধারণ
করে দিতে পারবেন।
<html>
<head>
<title>
www.bdtutorialweb.blogspot.com</title>
</head>
<body bgcolor="
#66605A">
<center>
<h2
style="color:#66605A">This is an example of
iframe.</h2><br />
<iframe src="http://bdtutorialweb.blogspot.com/2015/03/html_12.html width="450"
height="350">
</iframe>
</center>
</body>
</html>
এখানে src দিয়ে পেজের লিংক দেয়ার
কারনে ঐ লিংকটা দেখাবে।এবং width="450"
height="350" দিয়ে এর আকৃতি নির্ধারণ
করা হয়েছে।আপনি যদি iframe থেকে বর্ডার তুলে নিতে চান তাহলে <iframe src="demo_iframe.htm"
style="border:none"></iframe> ব্যাবহার করতে হবে।
<!DOCTYPE html>
<html>
<body>
<iframe src="http://bdtutorialweb.blogspot.com/2015/03/html_12.html
" style="border:none"></iframe>
</body>
</html>
উপরে style ব্যাবহার করে “border:none” লেখার কারনে iframe থেকে বর্ডার সরে
গেছে।
আবার আপনি চাইলে iframe এর পাশে আলাদা styler এর বর্ডার দিতে
পারবেন।এর জন্য আপনাকে <iframe
src="demo_iframe.htm" style="border:5px
dotted red"></iframe> কোড লিখতে হবে।
<!DOCTYPE html>
<html>
<body>
<iframe src="http://bdtutorialweb.blogspot.com/2015/03/html_12.html
" style="border:5px dotted red"></iframe>
</body>
</html
দেখেন এখানে "border:5px dotted red" লেখার কারনে 5px সাইজের একটা লাল dotted বর্ডার হবে।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন