welcome back. আপনার অবিরত আগ্রহই আজ আপনাকে এখানে নিয়ে এসেছে। কথাটা জীবনের সব ক্ষেত্রে সত্য। কোন কাজে আপনি যখন আগ্রহ হারিয়ে ফেলবেন সে কাজ আর আপনার দ্বারা কখনো শেষ করা হবে না- মনে হবে boring. আপনার কি সুনির্দিষ্ট লক্ষ্য আছে? উত্তর হ্যাঁ হলে আপনার দ্বারা সম্ভব শেষ পর্যন্ত দেখা। আর যদি না হয় তবে আপনার আগ্রহ নষ্ট হবার যথেষ্ট কারন আছে। নতুন বিষয়গুলো প্রথম প্রথম একটু কঠিনই লাগে। আবার ঠিকমত বুঝতে না পারলে বিষয়টা সমাধান করা ও অসম্ভব। তাই মাঝপথে বিদায় নেয়া স্বাভাবিক। আমি বলব একটু চেষ্টা করুন, বুঝতে অবশ্যই পারবেন। আর একবার বুঝতে শুরু করলেই কিন্তু আনলিমিটেড মজা।
মূল প্রসঙ্গে আসা যাক।
আমরা গত লেসনগুলোতে যা শিখলাম, আমি নিশ্চিত তাতে একটি সহজ সরল ওয়েব পেজ তৈরী করা সম্ভব। আপনার প্রাথমিক ওয়েব পেইজে আপনি যা যা পেলেন মানে যা দিয়ে ওয়েব পেইজ তৈরী করলেন তার খুঁটিনাটি বিশ্লেষণ করে দেখার চেষ্টা করা যাক সেথায় কী মেলে।
আমরা গত লেসনগুলোতে যা শিখলাম, আমি নিশ্চিত তাতে একটি সহজ সরল ওয়েব পেজ তৈরী করা সম্ভব। আপনার প্রাথমিক ওয়েব পেইজে আপনি যা যা পেলেন মানে যা দিয়ে ওয়েব পেইজ তৈরী করলেন তার খুঁটিনাটি বিশ্লেষণ করে দেখার চেষ্টা করা যাক সেথায় কী মেলে।
HTML Elements কী:
HTML ডকুমেন্টস গুলোকেই HTML Elements হিসেবে সংজ্ঞায়িত করা হয় বা প্রকাশ করা হয়। একটি ডকুমেন্টের Start Tag এবং End Tag এর ভেতরে অবস্থিত সবকিছুই হল Elements.
* Start Tag এবং End Tag কে Opening ও Closing Tag ও বলা হয়।
এবার HTML Elements গুলোকে বিশ্লেষণ করে দেখব এর গঠন প্রকৃতি।
- প্রতিটি HTML Element একটি Start/Opening Tag দিয়ে শুরু হয়।
- প্রতিটি HTML Element একটি End/Closing Tag দিয়ে শেষ হয়।
- Opening Tag এবং Closing Tag এর ভেতরে অবস্থিত সবকিছুই হল HTML Elements.
- কিছু HTML এর কোন কন্টেন্ট থাকেনা (Empty Content)।
- Empty Content গুলো Start Tag এর মধ্যে সীমাবদ্ধ থাকে অর্থাৎ এদের End Tag থাকেনা।
- কিছু HTML এর Attribute হয়।
HTML ডকুমেণ্টের উদাহরণ:
এবার আমরা উপরোক্ত উদাহরণটা ভেঙ্গে চুরে বিশ্লেষণ করে ভালভাবে বোঝার চেষ্টা করব HTML Elements কোন বস্তুগুলোকে বলা হয়।
<P> Element :
- <P> Element দ্বারা প্যরাগ্রাফকে সংজ্ঞায়িত করা হয় বা প্রকাশ করা হয়।
- <P> Element এর দুটো ট্যাগ আছে <P> এবং </P>
- <p> Element এর কন্টেন্ট হল: This is my first paragraph
- <body> Element দ্বারা ডকুমেন্টের সম্পূর্ণ body কে সংজ্ঞায়িত করা হয়।
- <body> Element এর ট্যাগ হল <body> এবং </body>
- <body> Element এর Content হল অন্য একটি HTML Elements ( p element)
- <html> Element দ্বারা পুরো HTML Documents কে সংজ্ঞায়িত বা প্রকাশ করা হয়।
- এই Element এর ট্যাগ গুলো হল <html> এবং </html>
- এই Element এর কন্টেন্ট হল অন্য আর একটি HTML Element ( body Element).
End Tag না দিলেও কিছু HTML Elements ব্রাউজারে সঠিক ভাবে প্রদর্শিত হয় যেমন:
এটি প্রায় সব ব্রাউজার সঠিক ভাবেই প্রদর্শন করবে। কারন ব্রাউজার এটাকে Optional হিসেবে দেখে। কিন্তু এভাবে সব সময় নির্ভার থাকবেন না কেননা এতে করে অস্বাভাবিক ফল প্রদর্শন করবে।
Empty HTML Elements:
যে HTML Element এর কোন কন্টেন্ট থাকেনা তাকে Empty HTML Element বলে। এসব এলিমেন্টের শুধু Opening Tag থাকে কোন Closing Tag থাকেনা। যেমন : লাইন ব্রেক ট্যাগ <br/>
দ্রষ্টব্য: XHTML এ সব এলিমেন্টের অবশ্যই Closing Tag থাকতে হবে।
ওয়েব ডিজাইনের পথে আমাদের পথচলা শুরু হয়েছে। এখন আমরা সে পথ ধরে এগিয়ে চলেছি। নিয়মিত চর্চা করুন দেখবেন আপনি সফল ডিজাইনার হয়ে গেছেন। একটা কথা মনে রাখবেন চর্চার বিকল্প নেই। পড়ে মনে হতে পারে আপনি সব বুঝে গেছেন। ভুল, নোটপ্যড খুলে বসে পড়েন তারপর দেখবেন আপনি কেমন বুঝেছেন। প্রচেষ্টা যদি হয় আন্তরিক, আনন্দের সাথে যদি কাজটাকে গ্রহণ করা যায় তবে অতি অবশ্যই আপনি সফল হবেন। সে সাফল্যের প্রত্যাশায় আজকের মত বিদায়।
পূর্ববর্তী পরবর্তী
No comments:
Post a Comment