HTML ল্যাঙ্গুয়েজ পর্ব ০২ঃ এস টি এম এল ট্যাগ পরিচিতি।। ১০% প্রিয় খাঁক
হ্যালো বন্ধুরা
আসসালামু আলাইকুম। আশা করি আপনারা সবাই অনেক ভাল আছেন। আমিও মহান সৃষ্টিকর্তার রহমতে অনেক ভাল আছি। আজ আমি আবারো উপস্থিত হয়েছি আপনাদের সাথে নতুন কিছু নিয়ে। আজ আমি আপনাদের সাথে এস টি এমএল ল্যাঙ্গুয়েজ এর আরেকটি পাঠ আপনাদের সাথে শেয়ার করব । গত পর্বে ১ম পর্ব আমি এটিএম এর সম্পর্কে শুধু সামান্য ধারণা দিয়েছে আজকে এস টি এম এল ট্যাগ ও এর সিন্টেক্স পরিস্থিতি নিয়ে আলোচনা করব।
আমরা জানি একটি ওয়েব পেজকে সুন্দর ও নান্দনিকভাবে সবার সামনে উপস্থাপন করার মূল হাতিয়ার বা অস্ত্র হলো এস টি এম এল। আর ওয়েব পেজটি কেমন ভাবে প্রদর্শিত হবে তা নির্ভর করে ট্যাগ এর উপর। এসটিএমএল ট্যাগ হলো এমন একধরনের মার্কআপ যা একজোড়া ব্র্যাকেট অ্যাঙ্গেল এর মধ্যে লিখতে হয়।
এইচটিএমএল ট্যাগ এর গঠন: |
---|
< Open tag > content </Close tag>
<open tag >
=এটি ব্যবহার করে ট্যাগ শুরু করা হয়।যে ট্যাগ ব্যবহার করবে সেটি মাঝ খানে লিখে ব্যবহার করতে হবে।
content.
=মাঝের এই জায়গায় যে কোন জিনিস ব্যবহার করা যায়।
</close tag>
=এটা হল ফিনিশিং ট্যাগ। অর্থাৎ যে ট্যাগ ব্যবহার করে শুরু করা হয়েছে সেই ট্যাগ দিয়ে ফিনিশ করতে হবে। তবে শেষ করার আগে একটি ফরওয়ার্ড স্লাশ (/) ব্যবহার করতে হবে।
এইচটিএমএল ট্যাগ এর প্রকারভেদ: |
---|
আমরা সাধারণত ওয়েবপেজ তৈরিতে যে এইচটিএমএল ট্যাগগুলো ব্যবহার করি । সেই ট্যাগ গুলো কে দুই ভাগে ভাগ করা যায়।
- এমপ্টি ট্যাগ
- কনটেইনার ট্যাগ
এমপ্টি ট্যাগ: এক কথায় বলতে গেলে এমপ্টি ট্যাগ হলো সেই ট্যাগ গুলো যে ট্যাগগুলোর শুরু আছে কিন্তু শেষ নেই। শুধুমাত্র ওপেনিং ট্যাগ ব্যবহার করতে হবে আর ক্লোজিং ট্যাগ ব্যবহার করতে হয় না । যেমন:
<br>
=এটি হলো একটি এমপ্টি ট্যাগ। এটি আমরা লাইন ব্রেক এর সময় ব্যবহার করে থাকি। এই ট্যাগ ব্যবহার করলে এক লাইন গ্যাপ থাকে।
<hr>
= এটি একটি এমপ্টি ট্যাগ। এটি দিয়ে একটি অনুভূমিক লাইন তৈরি করা হয়। মাঝ বরাবর সরু লম্বা একটি দাড়ি তৈরি হয়ে যায়।
কনটেইনার ট্যাগ:যে ট্যাগের শুরু আছে এবং শেষও আছে সেই ট্যাগ কে কনটেইনার ট্যাগ বলা হয়। আমরা সাধারণত যে সকল ট্যাগ ব্যবহার করে থাকে সেগুলোই কনটেইনার ট্যাগ এর অন্তর্ভুক্ত। যেমন:
< i >••••••••••</i >
এর মাঝখানে যে কোন লেখা লিখলে সেটা অটোমেটিক ইতালি লেখাতে পরিণত হয়ে যাবে।
<b>•••••••••</b>
আবার এর মাঝখানে যে কোন লেখা লিখলে সেটি মোটা কালো বর্ণের আকার ধারণ করবে।
কয়েকটি গুরুত্বপূর্ণ এস টি এম এল কোড : |
---|
<p> text </p>=
লেখাটিকে সুন্দর করে প্যারাগ্রাফ আকারে সাজাতে এই ট্যাগ ব্যবহার করা হয়।< b> text </b >=
লেখাটিকে স্বাভাবিকের তুলনায় একটু মোটা করতে এই ট্যাগ ব্যবহার করা হয়।< i> </ i >=
কোন একটি লেখাকে একটু বাঁকা করতে বা ইতালিক করতে এই ট্যাগ ব্যবহার করা হয়।
< u> </u >=
কোন একটি লেখার নিচে আন্ডার লাইন দিতে এইটা ব্যবহার করা হয়।
<strong > </strong >=
মূলত এই ট্যাগ দিয়ে ও লেখাটিকে আগের তুলনায় একটু মোটা করা যায়।
<small > </small >=
লেখাটির সাইজ ছোট করতে এটি ব্যবহার করা হয়।<del > </del >=
কোন লেখার মাঝখান দিয়ে দাড়ি দিতে এই ট্যাগ ব্যবহার করা হয়।
<sub> </sub>=
লেখাটিকে স্বাভাবিকের চেয়ে একটু নিচে নামাতে এইটা ব্যবহার করা হয়।<sup> </sup >=
লেখাটিকে স্বাভাবিকের চেয়ে একটু উপরে তুলতে এটি ব্যবহার করা হয়।<s> </s>=
এটি দিয়েও মূলত লেখার মাঝখানে দাঁড়িয়ে দেওয়া যায়।
ধন্যবাদ সবাইকে। এত সময় আমার সাথে থাকার জন্য। আবার কালকে দেখা হবে এর পরবর্তী অংশ নিয়ে। ততক্ষণ পর্যন্ত সবাই সুস্থ থাকুন এই কামনাই করি।
আপনি খুবই গুরুত্বপূর্ণ একটি পোষ্ট আমাদের সাথে শেয়ার করেছেন।এটা দেখে আমার খুবই ভালো লেগেছে। আপনাকে অসংখ্য ধন্যবাদ এই ধরনের পোস্ট আমাদের সাথে শেয়ার করার জন্য।
ধন্যবাদ আপনাকে ভাইয়া। আর আপনার জন্য ও অনেক অনেক শুভ কামনা ও অভিনন্দন ।
শেখার কোন শেষ নাই।আমার মত অজানাদের উপকারে আসবে। ভাল উদ্যোগ।
চেষ্টা করতেছি নতুন কিছু উপহার দেওয়ার। এভাবে সব সময় পাশে থাকবেন এই প্রত্যাশাই করি। ধন্যবাদ আপনাকে
দোয়া করবেন।
আপনি খুবই গুরুত্বপূর্ণ বিষয় শেয়ার করেছেন।ভালো লেখায় এটি বেশি প্রয়োজনীয়। জ্ঞানগর্ভ এমন বিষয় সত্যই সবার অত্যাবশকীয় হবে।এমন সুন্দর একটি বিষয় আমাদের সাথে শেয়ার করার জন্য আপনাকে ধন্যবাদ শ্রদ্ধেয়।
ধন্যবাদ আপনাকে। এত সুন্দর মন্তব্য প্রকাশ করে আমার পাশে থাকার জন্য। আপনার জন্য অনেক শুভকামনা রইল।
বিষয়টি খুবই ভাল লেগেছে,যা কাজে দিবে।ধন্যবাদ শ্রদ্ধেয়।
খুবই গুরুত্বপূর্ণ একটি পোস্ট শেয়ার করেছেন ভাই।HTMl বর্তমানে আমাদের খুবই দরকারি একটা জিনিস বিষেশ করে ব্লগিং করতে এটা অবশ্যই দরকার।ধন্যবাদ উপস্থাপন এর জন্য।
আপনাকে অনেক ধন্যবাদ।
একসময় এইচটিএমএল সিএসএস এর কাজগুলো করতাম, ওয়েব ডেভলপ সময় এগুলো ব্যবহার করতাম, বন্ধুরা মিলে যখন একসাথে কাজ করতাম বেশ মজা লাগতো। কিন্তু কয়েক বছর একাজগুলো না করার কারণে, অনেক কিছুই ভুলে গেছি।
আমি অনেক আগেই শিখেছি এই কাজ গুলো। সময়ের অভাবে করতে না পারায় প্রায় ভুলেই গিয়েছিলাম। ধন্যবাদ আপনাকে ভাইয়া
পোস্টে লেখাগুলোকে সুন্দর এবং আকর্ষণীয় করতে HTML কোড একান্ত প্রয়োজন।HTML বিষয়ের উপর যথাযথ জ্ঞান থাকা জরুরি। এত সুন্দর এবং গুরুত্বপূর্ণ পোস্ট আমাদের মাঝে শেয়ার করার জন্য আপনাকে অসংখ্য ধন্যবাদ জানাই।
বর্তমানে এইচটিএমএল ছাড়া সুন্দরভাবে ওয়েব পেজ তৈরি করা যায় না। এইচটিএমএল সম্পর্কে জ্ঞান থাকা জরুরি। ধন্যবাদ আপনাকে ভাইয়া আমার পোস্টটি পড়ে দেখার জন্য।
এইচটিএমএল সম্পর্কে আমার কিছুটা ধারনা আছে। কারন আমি এই বিষয়টা নিয়ে একটু পড়াশোনা করেছিলাম। কিন্তু আপনার পোষ্ট থেকে আরো অনেক কিছু শিখতে পারলাম। এরকম শিক্ষনিয় বিষয় নিয়ে পোষ্ট করার জন্য অনেক ধন্যবাদ। আপনার পোষ্ট থেকে অনেকেই এই ট্যাগ গুলো সম্পর্কে জানতে পারবে এবং তাদের পোস্টকে আকর্ষণীয় করে তুলতে পারবে।
আপনাকে ধন্যবাদ আপু। আর ইতিবাচক কমেন্ট করার জন্য আপনাকে অভিনন্দন।