বিখ্যাত ব্লগার হওয়ার জন্য html ল্যাংগুয়েজ
বিখ্যাত ব্লগার হওয়ার জন্য html ল্যাংগুয়েজ
আপনি কি আমার বাংলা ব্লগ এর ব্লগার? উত্তর হ্যা হলে আপনি কি html ল্যাংগুয়েজ জানেন? উত্তর না হলে আজকের এই কন্টেন্টটি আপনার জন্য অনেক গুরত্বপূর্ণ এবং "আমার বাংলা ব্লগ" এ সফলতা অর্জনের প্রর্ধান ঔষধ। প্রতেক ব্লগার এর জন্য প্রোগ্রামিং এর সাধারণ জ্ঞান থাকা অনেক গুরুত্বপূর্ণ। আপনাকে অবশ্যই html ল্যাংগুয়েজ জানতে হবে। তাহলে আপনি আপনার পোস্টটি অনেক সুন্দর ভাবে উপস্থাপন করতে পারবেন এবং আপনার পোস্টটি মানুষ সহজে পড়তে পারবে। এবং পোস্টটি পড়ার জন্য আগ্রহী হবে। তাহলো চলুন জানি html ল্যাংগুয়েজ😊
html হলো একটি কম্পিউটার প্রোগ্রামিং ল্যাংগুয়েজ। এই ল্যাংগুয়েজ বা ভাষা ব্যাবহার করে ওয়েবসাইট তৈরি করা হয়। html এর সম্পূর্ণ নাম হলো hyper text markup language( হাইপারটেক্সট মার্কআপ ভাষা) । html ল্যাংগুয়েজকে দুইটা অংশে ভাগ করা যায়। এর অংশ দুইটি হলো মাথা অংশ, শরীর অংশ। মানুষের শরীর যেমন চামড়া দিয়ে ঢাকা থাকে তেমনি html এর শরীর html ট্যাগ দিয়ে ঢাকা থাকে। html ল্যাংগুয়েজ এর প্রায় প্রতিটি ট্যাগ <ট্যাগ> এমন করে শুরু হয় আর শেষ হয় </ট্যাগ> এমন করে এই এই দুইটি ট্যাগের মধ্যে সব কিছু লিখতে হবে। কিছু ট্যাগ একটু ব্যাতিক্রম যেমন <input /> । যাই হোক html এর সকল ট্যাগ streemit এ সাপোর্ট পায়না সামান্য কিছু ট্যাগ সাপোর্ট পায় আর এগুলোই আমরা শিখবে ।
Streemit এর write your story সম্পুর্ন বক্সে ক্লিক করে আপনাকে লেখা শুরু করতে হবে। নিচে প্রতিটি ট্যাগ এর ব্যবহার সহ বর্ণনা দেওয়া হলো।
center tag(মাঝখান ট্যাগ)
প্রথমেই শুরু করছি centet ট্যাগ দিয়ে ➤ centet শব্দের অর্থ হলে 'মাঝখান বা কেন্দ্র' এই ট্যাগ ব্যবহার করে কোনো লেখাকে মাঝখানে আনা যায়। আর এই ট্যাগ এর ভিতর অন্য ট্যাগ গুলোও ব্যবহার করা যায়।
এই ট্যাগের ব্যবহার 👇
<center> আমি মাঝখানে </center>আমি অন্য পদ্ধতি ব্যাবহার করেছি আপনাকে দেখানোর জন্য। আপনার ক্ষেত্রে সাদা রংটি আসবেনা এবং ট্যাগগুলো দেখা যাবে না।
hyper tag(অধি ট্যাগ)
hyper tag এর ৬ টি অংশ আছে যেমনঃ- h1,h2,h3,h4,h5,h6 নিচে প্রতিটি ট্যাগ এর ব্যাবহার দেওয়া হলো।
<h1> অধিক বড় লেখা </h1>
<h2> বড় লেখা </h2>
<h3> সামান্য বড় লেখা </h3>
<h4> মাঝারি লেখা </h4>
<h5> ছোট লেখা </h5>
<h6> অধিক ছোট্ট লেখা </h1>আপনাকে অবশ্যই মাথায় রাখতে হবে প্রতিটি ট্যাগ <এভাবে> শুরু হবে আর </এভাবে> শেষ হবে। এখানে
< > < / > ব্যবহার করতেই হবে।
Table tag (সারণী ট্যাগ)
Table tag এর ব্যবহার একটু অন্য রোকম আগের ট্যাগ গুলোর মতোই শুরু এবং শেষ হবে। Table শব্দের অর্থ সারণী।
ধরি, একটি শ্রেণির শিক্ষার্থিদের পরিক্ষার ফলাফল বের হয়েছে আপনাকে যদি বলা হয় একটি সারণী তৈরি করে প্রতিটি শিক্ষার্থির ফলাফল প্রকাশ করো।তাহলে তোমাকে এমন করে করতে হবে।
<table>
<tr>
<th> শিক্ষার্থির নাম </th>
<th> ফলাফল (A+,A,A-,B,C,F) </th>
</tr>
<tr>
<td> রহিম </td>
<td> A+ </td>
</tr>
<tr>
<td> করিম </td>
<td> A- </td>
</tr>
<tr>
<td> রাকিব </td>
<td> A </td>
</tr>
<tr>
<td> রফিক </td>
<td> B </td>
</tr>
<tr>
<td> সাহেদ </td>
<td> C </td>
</tr>
<tr>
<td> রাকিব </td>
<td> F </td>
</tr>
</table>
| শিক্ষার্থির নাম | ফলাফল (A+,A,A-,B,C,F) |
|---|---|
| রহিম | A+ |
| করিম | A- |
| রাকিব | A |
| রফিক | B |
| সাহেদ | C |
| আমি | F |
এমন দেখাবে উপরের কোড গুলো লিখলে। এবার বিস্তারিত জানি table tag এ বিষয়ে। আপনারা বিষয়ের উপর ভিত্তি করে সারণী তৈরি করবেন সেই বিষয় "th" tag এর মধ্যে লিখতে হবে। এর পূর্ণ নাম হলো table header এই ট্যাগ ব্যাবহার table শিরোনাম নেওয়া যায়। আমি যেমন শিক্ষার্থিদের ফলাফল প্রকাশ করার জন্য দুইটি গ্রুপ নিয়েছি একটিতে শিক্ষার্থির নাম আর একটিতে প্রাপ্ত নাম্বার প্রকাশ করার জন্য আপনি চাইলে একাধিক th tag নিতে পারেন। এখানে প্রতিটি "tr" ট্যাগ নতুন একটি করে পর্যায় তৈরি করে। "tr" ট্যাগ এর সম্পুর্ন নাম table row। আবার "td" এর সম্পুর্ন নাম Table Data। আপনি এই ট্যাগ ব্যাবহার করে সারণীতে নতুন তথ্য যুক্ত করতে পারবেন। কোন সমস্যা হলে কমেন্ট করেন উত্তর দিচ্ছি।
ul( Unordered List )
<ul>
<li> রোল নাম্বার এক </li>
<li> রোল নাম্বার দুই </li>
<li> রোল নাম্বার তিন </li>
</ul
- রোল নাম্বার এক
- রোল নাম্বার দুই
- রোল নাম্বার তিন
ul tag এর সম্পুর্ন নাম Unordered List। এই ট্যাগ ব্যাবহার করে লিস্ট তৈরি করতে পারবে। উপরে আমি যেমন রোল নাম্বার নিয়ে একটি তালিকা তৈরি করেছি ঠিক তেমনি তুমিও বিভিন্ন বিষয় তারিলা তৈরি করতে পারো। ul ট্যাগ এর মধ্যে "li" নিতে হবে আর "li" এর ভিতরে অনুচ্ছেদ লিখতে হবে। এই li tag এর ভিতরে অনেক ট্যাগ ব্যাবহার করা যায় যেমন h1-h6,img বা ছবি ট্যাগ এছাড়াও অারো কিছু ট্যাগ ব্যাবহার করা যায়। "li" tag এর সম্পুর্ন নাম হলো List Item। আমি দেখানোর জন্য ব্যাতিক্রম নিয়ম অবলম্বন করেছি যার কারনে উপরের ট্যাগ গুলোতে আলাদা background কালার এসেছে।
b tag (বোল্ড ট্যাগ)
B tag এর সম্পুর্ন নাম Bold tag। এই ট্যাগ ব্যাবহার করে লেখা মোটা করা হয়।
<b> এমন মোটা হবে </b>
গুরুত্বপূর্ণ কিছু লেখাতে তুমি এই ট্যাগ ব্যাবহার করতে পরো।
a tag (anchor tag)
এই ট্যাগ ব্যাবহার করে লিং এড করা যায় যেমন
<a href="www.google.com"> google </a>
কিছু প্রশ্ন
১। html এর সম্পুর্ন নাম কি?
২। table ট্যাগ কেনো ব্যাবহার করবো?
৩। ul ট্যাগ এর সম্পুর্ন নাম কি?
৪। tr ট্যাগের সম্পুর্ণ নাম কি?
৫। ul ট্যাগের কাজ কি?
এই সকল প্রশ্নের উত্তর কমেন্টের মাধ্যমে দিতে হবে। তুমি যেমন বুঝেছো তেমন করে দিবে। অন্যের কমেন্টের সাথে মিল রাখা যাবে না।
কোথাও বুঝতে সম্যসা থাকলে কমেন্টের মাধ্যমে জানাবে
অনেক সুন্দর লিখছেন আপনি। খুবই উপকার হবে নতুনদের জন্য অনেক বিষয় অজানা তাও। তারা এগুলো দেখে শিখতে পারবে। আপনার জন্য শুভকামনা
ধন্যবাদ ভাইয়া, আমার সাথে থাকবেন।