ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব- ৮ঃ এইচটিএমএল IFRAME এবং এইচটিএমএল ENTITIES

আগের পর্ব গুলো পড়ুনঃ

ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ১ঃ প্রাথমিক ধারণা

ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ২ঃ এইচটিএমএল এর গঠন ও এইচটিএমএল ট্যাগ

ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ৩ঃ এইচটিএমএল ট্যাগ ও এইচটিএমএল আট্রিবুটস

ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ৪ঃ এইচটিএমএল COMMENT ও এইচটিএমএল FORMETTING

ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ৫ঃ এইচটিএমএল পিকচার ট্যাগ

ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ৬ঃ  এইচটিএমএল লিস্ট

ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ৭ঃ এইচটিএমএল ফর্ম

আজ আমরা শিখবো এইচটিএমএল IFRAME ও এইচটিএমএল ENTITIES।

এইচটিএমএল IFRAME:

আপনি যদি কোন ওয়েবসাইট কে আপনার সাইট এ দেখাতে চান তাহলে IFRAME ট্যাগ ব্যবহার করতে পারেন। অন্যোন্য ট্যাগের  মত এই ট্যাগ ও সকল গ্লোবাল আট্রিবুটস সাপোর্ট করে। এই  ট্যাগের কিছু বিশেষ  আট্রিবুটস রয়েছে। নিচে দেখুনঃ

align
frameborder
height
longdesc
marginheight
marginwidth
name
sandbox html-5
scrolling
auto
seamless html-5
src
srcdochtml-5
width

আমি কিছু আট্রিবুটস এর ব্যাখ্যা দিলামঃ

  • align--- ফ্রেমের আলাইন্মেন্ট সেট করা হয়।
  • frameborder --- ফ্রেম বর্ডার থাকবে কিনা তা নির্দেশ করে।
  • height --- ফ্রেম এর উচ্চতা নির্দেশ করে।
  • longdesc --- ফ্রেম এর কন্টেন্ট  জন্য অনেক বড় বর্ণনা করার লিঙ্ক দিতে হয়।
  • name--- ফ্রেম এর নাম দেয়া হয়।
  • sandbox html-5--- ফ্রেম এর কন্টেন্ট এ কোন রেস্ট্রিকশন তৈরি করতে এটি ব্যবহার করা হয়।
  • scrolling     --- ফ্রেম স্ক্রল করা যাবে কিনা তা নির্দেশ করে।
  • src   --- ফ্রেম এর ভিতরে আপনি যেই ওয়েব সাইট দেখাতে চান  তার লিঙ্ক দিতে হয়।
  • width --- ফ্রেম এর পাশাপাশি দূরত্ব নির্দেশ করে।
<!DOCTYPE html>
<html>
<head>
<title>HTML iframe Tag</title>
</head>
<body>
<iframe src ="http://www.riponshah.com"  height="550" width="100%"></iframe>
</body>
</html>

উপরের কোডটি লিখে ব্রাউজার এ রান করান। দেখবেন 'src' আট্রিবুট এ দেয়া সাইট টি  ফ্রেম এ এসেছে। নিচে স্ক্রীন শট দেখুনঃ

 

 

এইচটিএমএল ENTITIES :

এইচটিএমএল কোড লেখার সময় আমরা বিভিন্ন রকম সিম্বল ব্যবহার করি। যেমনঃ <, >, © ইত্যাদি। কিন্তু এগুলো আপনি সাইট এ দেখাতে চাইলে আপনাকে ENTITIES ব্যবহার করতে হবে। নিচের স্ক্রীন শট এ কিছু ENTITIES  এর বর্ণনা দেয়া হলঃ

আপনার সাইট এ এই সিম্বল গুলো দেখাতে চাইলে এই "Entitle name" বা  "Entitle number" ব্যবহার করুন।

স্রীন শট সোর্সঃ w3schools

আশা করি বুঝতে পেরেছেন।আজকে এ পর্যন্তই। আগামী পর্বে নতুন কিছু নিয়ে আলোচনা করব। অবশ্যই আগের পর্ব গুলো পড়বেন।  যারা ওয়েব ডিজাইন শিখতে চান তারা গুগল সার্চ করে এই বিষয় গুলো সম্পর্কে আরও জানুন ও বেশি বেশি প্র্যাকটিস করুন। কোনও প্রশ্ন থাকলে টিউমেন্ট করুণ।

পূর্বে প্রকাশিতঃ এখানে

Level 0

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


টিউনস


আরও টিউনস


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


টিউমেন্টস

দারুন …আমার ওয়েব ডিজাইন শিখার খুব ইচ্ছা , কিন্তু কি ভাবে শিকব বুজতে পারছি না …………।।

    আপনি আমার প্রথম টিউন টি ফলো করুণ। ওখানে কিছু লিঙ্ক দেয়া আছে ওগুলো ফলো করুণ।

ভাই, আপনি কই গেলেন…. আমাদের অর্ধেকে ছেরে দিবেন নাকি..?? pls, ভাই continue করেন ।।

    হুম। আমি আবার শুরু করব। বিশেষ কিছু কারণে অনেক দিন লিখতে পারি নি।