একটি নতুন বিষয় শেখা ঠিক একজন নতুন মানুষের সাথে পরিচিত হওয়ার মত। যত মিশবেন তত আপন হবেন, তত বেশি তাকে জানবেন। যত বেশি সময় দেবেন ততই আন্তরিকতা বাড়তে থাকবে। যেহেতু এখানে আপনি আগ্রহ করে এসেছেন তাই বলা যায় এ নতুন বিষয়টা রপ্ত করার আকাঙ্খা আপনার মধ্যে প্রবলভাবে কাজ করছে। শুধু সময় নিয়ে পড়ুন এবং সাথে চর্চা চালিয়ে যান সফল হবেন। মনে রাখবেন Practice makes a man perfect. চলুন মূল বিষয়ে দৃষ্টি নিবদ্ধ করি:
HTML এর পরিচিতি লাভ করলাম এবার কর্তব্য একে আরো বেশি করে জানা যাতে একটি আন্তরিক সম্পর্ক তৈরী করা যায়। এর মৌলিক বিষয়গুলো যদি আমরা আয়ত্ত করতে পারি তবে বুঝব আমরা আমাদের গন্তব্যে ভালভাবে যাত্রা করতে পেরেছি। ভালভাবে বললাম কারন যে কোন দূরবর্তী যাত্রার শুরু হয় একটি মাত্র কদম দিয়ে।
আমরা সে কদম ফেলেছি এবং সফল হব। কয়েকটি উদাহরণ দিয়ে আমি HTML এর মূল বিষয়টা সম্পর্কে একটা মোটামুটি ধারণা দেবার চেষ্টা করব বাকীটা আপনার আগ্রহের আর চর্চার ওপর নির্ভরশীল। উদাহরণ গুলো বুঝতে না পারলে দু:খিত হবার কোন কারন নেই পরবর্তী লেসনগুলোতে এ ব্যপারে বিস্তারিত লিখব।
আমরা সে কদম ফেলেছি এবং সফল হব। কয়েকটি উদাহরণ দিয়ে আমি HTML এর মূল বিষয়টা সম্পর্কে একটা মোটামুটি ধারণা দেবার চেষ্টা করব বাকীটা আপনার আগ্রহের আর চর্চার ওপর নির্ভরশীল। উদাহরণ গুলো বুঝতে না পারলে দু:খিত হবার কোন কারন নেই পরবর্তী লেসনগুলোতে এ ব্যপারে বিস্তারিত লিখব।
উদাহরণ ১: HTML শিরোনাম
HTML শিরোনাম <h1> থেকে <h6> সংকেত দিয়ে প্রকাশ করা হয়। নিচের কোডগুলো নোটপ্যডে লিখে চালু করুন।
<html>
<body>
<h1> Heading with h1 Tag</h1>
<h2>Heading with h2 Tag</h2>
<h3>Heading with h3 Tag</h3>
<h4>Heading with h4 Tag</h4>
<h5>Heading with h5 Tag</h5>
<h6>Heading with h6 Tag</h6>
</body>
</html>
চালু করলে অনেকটা এমন দেখাবে:
উদাহরণ ২: HTML প্যরাগ্রাফ
HTML প্যরাগ্রাফ প্রকাশ করার জন্যে <p> এবং </p> কোড ব্যবহার করা হয়।
উদাহরণ ৩: HTML লিংক
HTML লিংককে <a> ট্যাগ দিয়ে প্রকাশ করা হয়।
বিশেষ লক্ষ্যনীয় বিষয় হল <a> ট্যগের মধ্যে আলাদা কিছু বিষয় লেখা আছে। যে ওয়েব সাইট লিংকের মাধ্যমে প্রদর্শনের ব্যবস্থা করা হবে তার ঠিকানা href attribute এর মাধ্যমে প্রকাশ করা হয়।ঠিকানা http:// সহ লিখতে হবে। লিংকের কাজ হল ওয়েব পেজে অন্য কোন ওয়েব এড্রেস জুড়ে দেয়া যাতে ভিসিটর সহজে অন্য সাইটে প্রবেশ করতে পারে। attribute সম্পর্কে পরের লেসনে বিস্তারিত আলোচনা করা হবে।
উদাহরণ ৪: HTML ছবি প্রদর্শন
ওয়েব পেজে ছবি প্রদর্শন করার জন্যে <img> ট্যাগ ব্যবহার করা হয়।
<img> ট্যাগের মধ্যে attribute হিসেবে ছবি ফোল্ডারের ঠিকানা দেয়া হয় এবং ছবির আকার নির্ধারণের জন্যে width and height attribute ব্যবহৃত হয়।
আজ এ পর্যন্তই। HTML সম্পর্কে মোটামুটি ধারণা আমরা লাভ করেছি। পরবর্তী লেসন থেকে আমরা শিখতে শুরু করব আমাদের কাঙ্খিত HTML । আগামী লেসনের প্রতি বাড়তি নজর রাখবেন এ কামনা করে শেষ করছি।
পূর্ববর্তী পরবর্তী
পূর্ববর্তী পরবর্তী
This comment has been removed by a blog administrator.
ReplyDelete