Linux Host Lab Ads

আসুন HTML শিখি (পর্ব-১৩)

Ads by পিসি হেল্প সেন্টার (বাংলাদেশ)

এটি 18 পর্বের HTML বেসিক ট্রেনিং ফ্রি বিষয়ক টিউনের 13 পর্ব

আসালামু আলাইকুম/নমস্কার । কেমন আছেন সবাই । আশা করি সবাই ভাল আছেন । আমি ভাল । আজকে আমরা এইচটিএমএল iframe এর ব্যবহার শিখব। চলুন শুরু করি । একটা ওয়েব পেজের মধ্যেই অপর এক বা একাধিক ওয়েব পেজ প্রদর্শন করার অন্যতম উপায় হচ্ছে আই ফ্রেম। এর প্রাথমিক গঠন হল :

<iframe src=”u’r URL”></iframe> । এর কয়েকটি Attributes হল width, height, frameborder ইত্যাদি ।

height দিয়ে Frame–এর দৈর্ঘ্য ঠিক করা হয় । এর  গঠন <iframe src=”u’r URL” height=”250″></iframe>।

Ads by পিসি হেল্প সেন্টার (বাংলাদেশ)

Linux Host Lab Offer

width দিয়ে Frame–এর প্রস্হ ঠিক করা হয় । এর   গঠন <iframe src=”u’r URL” width=”300″></iframe>।

Frameborder দিয়ে ফ্রেমের চারিদিকের ছকের আকার পরিবর্তন করা হয় । গঠন <iframe src=”u’r URL” frameborder=”0″></iframe>।

সবার আগে iframe এর একটি ডেমো দেখে নিন ।

 

আই ফ্রেম ডেমো

 

 

এইচটিএমএল এর সব গুলো পোস্ট

ব্যাখ্যা :-

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

তাহলে চলুন উপরের ডেমোটির এইচটিএমএল কোডটি লিখি ।এবং দেখি উপরের ডেমোটির মত হয় কিনা ।

কোড

<html>
<head>
<title>iframe</title>
</head>
<body>
<center>
<h2 style=”color:#f00″>এইচটিএমএল এর সব গুলো পোস্ট</h2><br />
<iframe src=”http://www.pchelpcenterbd.com/html-bangal-tutorial” width=”570″ height=”370″>
</center>
</body>
</html>

উপরের কোডটি নোটপ্যাড বা নোটপ্যাড + এ লিখে aa.html দিয়ে সেভ করলে নিচের ছবির মত বা উপরে যে ডেমোটি দেখেলেন তার মত হবে ।

IF
আজ আর লিখছি না । এ পর্যন্ত । পরের পর্বে আবার দেখা হবে । ধন্যবাদান্তে

Series Navigation<< আসুন HTML শিখি (পর্ব-১২)আসুন HTML শিখি (পর্ব-১৪) >>

Ads by পিসি হেল্প সেন্টার (বাংলাদেশ)

৭ thoughts on “আসুন HTML শিখি (পর্ব-১৩)”

    1. রাজীব সাহা says:

      ধন্যবাদ ভাই http://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gifhttp://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif

    1. রাজীব সাহা says:

      http://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gifhttp://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gifধন্যবাদ ভাই http://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gifhttp://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif

  1. http://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gifhttp://www.pchelpcenterbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif দারুন পোস্ট ভাই , চালিয়ে যান………।

Leave a Reply

Ads by পিসি হেল্প সেন্টার (বাংলাদেশ)