বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন । আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ৪ টি পোস্ট
দিয়েছি । আমার গত পোস্ট টি ছিল এইচটিএমএল বেসিক / Basic সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব 2 । আমি আজ কে আলোচনা করব এইচটিএমএল / HTML এলিমেন্ট / Elements নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল / HTML এলিমেন্টঃ
এইচটিএমএল ডকুমেন্টস কে এইচটিএমএল এলিমেন্ট দ্বারা সংজ্ঞায়িত করা হয় ।
এইচটিএমএল এলিমেন্ট শুরু করার ট্যাগ এবং শেষ করার ট্যাগ গুলো নিচে দেওয়া হলঃ
এইচটিএমএল এলিমেন্ট বাক্য গঠন প্রণালীঃ
নেস্টেড / Nested এইচটিএমএল / HTML এলিমেন্টস / Elements:
প্রায় সব এইচটিএমএল এলিমেন্টস নেস্টেড হতে পারে ( আবার অন্যান্য এইচটিএমএল এলিমেন্টস থাকতে পারে )
এইচটিএমএল ডকুমেন্টস নেস্টেড এইচটিএমএল এলিমেন্টস দ্বারা গঠিত.
এইচটিএমএল ডকুমেন্ট এর উদাহরণঃ
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
যেমন উপরে ৩ টি এইচটিএমএল এলিমেন্টস রয়েছে ।
এইচটিএমএল উদাহরণের ব্যাখ্যাঃ
<p> এলিমেন্টঃ
<p>This is my first paragraph.</p>
<p> এটি একটি প্যারাগ্রাফ এইচটিএমএল ডকুমেন্ট । এটি শুরু করার ট্যাগ <p> দিয়ে শুরু হয়েছে এবং শেষ করার ট্যাগ </p> দিয়ে শেষ হয়েছে । এটির কনটেন্ট হলঃ This is my first paragraph. ।
<body> এলিমেন্টঃ
<body>
<p>This is my first paragraph.</p>
</body>
<body> এটি একটি body এইচটিএমএল ডকুমেন্ট । এটার শুরু করার ট্যাগ ও শেষ করার ট্যাগ আছে । এটা শুরু করার ট্যাগ<body< দিয়ে শুরু করে এবং শেষ করার ট্যাগ</body> দিয়ে শেষ করে । এটির এলিমেন্ট এর কনটেন্ট হয় অরেক টি এলিমেন্ট এর ( a p এলিমেন্ট )
<html> এলিমেন্টঃ
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html> এলিমেন্ট সম্পূর্ণ এইচটিএমএল ডকুমেন্ট সংজ্ঞায়িত করে । এটি শুরু করার ট্যাগ <html> এবং শেষ করার ট্যাগ </html> দিয়ে শেষ হয় ।
শেষ করার ট্যাগ দিতে ভুলবেন না :
কিছু এইচটিএমএল এলিমেন্টস তাদের শেষ করার ট্যাগ দিতে যদি আপনি ভুলে যান তাহলেও এটি সঠিক ভাবে আসবে । যেমন-
<p>This is a paragraph
<p>This is a paragraph
উপরের কোড টি অধিকাংশ ব্রাউজার এ কাজ করবে । কারণ এটা ব্রাউজারের সমস্যা । কিন্তু এটা সত্য নয় । আপনি যদি শেষ করার ট্যাগ না দেন তাহলে আপনি সঠিক ফলাফল নাও পেতে পারেন । এবং প্রায় সব এইচটিএমএল এলিমেন্টস এভাবে কাজ করবে না ।
খালি এইচটিএমএল এলিমেন্টসঃ
যে এইচটিএমএল এলিমেন্টস কোন কনটেন্ট থাকে না তাদের খালি এইচটিএমএল এলিমেন্টস বলে।
যেমন- </br> একটি খালি এইচটিএমএল এলিমেন্টস । কারণ এটির কোন কনটেন্ট নেই । এটি দিয়ে শুধু একটি লাইন কে বিরতি দেওয়া ছাড়া আর কোন কিছু করা যায় না ।
এইচটিএমএল টিপস: ছোট হাতের ট্যাগ ব্যবহার করুন
আপনার এইচটিএমএল কোডের সঠিক ফলাফল পাওয়ার জন্য আপনি এইচটিএমএল ট্যাগে ছোট হাতের অক্ষর ব্যবহার করুন । <P> এবং <p> এখানে কোনটি সঠিক । আসলে এখানে সঠিক হচ্ছে <p> এটি ।
আজ এই পর্যন্ত থাক অন্য দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাইকে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন ।
দয়া করে কেউ এই ব্লগের কোন কিছু চুরি করবেন না ।
দিয়েছি । আমার গত পোস্ট টি ছিল এইচটিএমএল বেসিক / Basic সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব 2 । আমি আজ কে আলোচনা করব এইচটিএমএল / HTML এলিমেন্ট / Elements নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল / HTML এলিমেন্টঃ
এইচটিএমএল ডকুমেন্টস কে এইচটিএমএল এলিমেন্ট দ্বারা সংজ্ঞায়িত করা হয় ।
এইচটিএমএল এলিমেন্ট শুরু করার ট্যাগ এবং শেষ করার ট্যাগ গুলো নিচে দেওয়া হলঃ
এইচটিএমএল এলিমেন্ট বাক্য গঠন প্রণালীঃ
- একটি এইচটিএমএল এলিমেন্ট শুরু করার ট্যাগ / Start tag দিয়ে শুরু হয় ।
- একটি এইচটিএমএল এলিমেন্ট শেষ করার ট্যাগ / end tag দিয়ে শেষ হয় ।
- কিছু এইচটিএমএল এলিমেন্টস এর কোন কনটেন্ট থাকে না ।
- যে এইচটিএমএল এলিমেন্টস গুলোর কোন কনটেন্ট থাকে না তাদের শুরু করার ট্যাগ দিয়ে শেষ করা হয় ।
- প্রায় সব গুলো এইচটিএমএল এলিমেন্টস এর attributes থাকে পারে ।
নেস্টেড / Nested এইচটিএমএল / HTML এলিমেন্টস / Elements:
প্রায় সব এইচটিএমএল এলিমেন্টস নেস্টেড হতে পারে ( আবার অন্যান্য এইচটিএমএল এলিমেন্টস থাকতে পারে )
এইচটিএমএল ডকুমেন্টস নেস্টেড এইচটিএমএল এলিমেন্টস দ্বারা গঠিত.
এইচটিএমএল ডকুমেন্ট এর উদাহরণঃ
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
যেমন উপরে ৩ টি এইচটিএমএল এলিমেন্টস রয়েছে ।
এইচটিএমএল উদাহরণের ব্যাখ্যাঃ
<p> এলিমেন্টঃ
<p>This is my first paragraph.</p>
<p> এটি একটি প্যারাগ্রাফ এইচটিএমএল ডকুমেন্ট । এটি শুরু করার ট্যাগ <p> দিয়ে শুরু হয়েছে এবং শেষ করার ট্যাগ </p> দিয়ে শেষ হয়েছে । এটির কনটেন্ট হলঃ This is my first paragraph. ।
<body> এলিমেন্টঃ
<body>
<p>This is my first paragraph.</p>
</body>
<body> এটি একটি body এইচটিএমএল ডকুমেন্ট । এটার শুরু করার ট্যাগ ও শেষ করার ট্যাগ আছে । এটা শুরু করার ট্যাগ<body< দিয়ে শুরু করে এবং শেষ করার ট্যাগ</body> দিয়ে শেষ করে । এটির এলিমেন্ট এর কনটেন্ট হয় অরেক টি এলিমেন্ট এর ( a p এলিমেন্ট )
<html> এলিমেন্টঃ
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html> এলিমেন্ট সম্পূর্ণ এইচটিএমএল ডকুমেন্ট সংজ্ঞায়িত করে । এটি শুরু করার ট্যাগ <html> এবং শেষ করার ট্যাগ </html> দিয়ে শেষ হয় ।
শেষ করার ট্যাগ দিতে ভুলবেন না :
কিছু এইচটিএমএল এলিমেন্টস তাদের শেষ করার ট্যাগ দিতে যদি আপনি ভুলে যান তাহলেও এটি সঠিক ভাবে আসবে । যেমন-
<p>This is a paragraph
<p>This is a paragraph
উপরের কোড টি অধিকাংশ ব্রাউজার এ কাজ করবে । কারণ এটা ব্রাউজারের সমস্যা । কিন্তু এটা সত্য নয় । আপনি যদি শেষ করার ট্যাগ না দেন তাহলে আপনি সঠিক ফলাফল নাও পেতে পারেন । এবং প্রায় সব এইচটিএমএল এলিমেন্টস এভাবে কাজ করবে না ।
খালি এইচটিএমএল এলিমেন্টসঃ
যে এইচটিএমএল এলিমেন্টস কোন কনটেন্ট থাকে না তাদের খালি এইচটিএমএল এলিমেন্টস বলে।
যেমন- </br> একটি খালি এইচটিএমএল এলিমেন্টস । কারণ এটির কোন কনটেন্ট নেই । এটি দিয়ে শুধু একটি লাইন কে বিরতি দেওয়া ছাড়া আর কোন কিছু করা যায় না ।
এইচটিএমএল টিপস: ছোট হাতের ট্যাগ ব্যবহার করুন
আপনার এইচটিএমএল কোডের সঠিক ফলাফল পাওয়ার জন্য আপনি এইচটিএমএল ট্যাগে ছোট হাতের অক্ষর ব্যবহার করুন । <P> এবং <p> এখানে কোনটি সঠিক । আসলে এখানে সঠিক হচ্ছে <p> এটি ।
আজ এই পর্যন্ত থাক অন্য দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাইকে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন ।
দয়া করে কেউ এই ব্লগের কোন কিছু চুরি করবেন না ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন