“বিসমিল্লাহির
রহমানির রাহিম”
সবাই
কেমন আছেন আশা করি ভাল আছেন আমিও শারিরিক ভাবে সুস্থ আছি আপনাদের দোয়াই কিন্তু
একটু কনফিউসনে আছি লাইফটা মনে হচ্ছে ঝুলে আছে কি করব বুঝতে পারছি না আচ্ছা যাক সে
কথা সবাই পারলে আমার জন্য একটু দোয়া করবেন, আজকে আপনাদের জন্য একটি টিউন নিয়ে
হাজির হলাম সেটা হল এইচটিএমএল এর আরেকটি পর্ব, আমি আসলে চেস্টা করছি HTML এর টিউটোরিয়াল গুলো তাড়াতাড়ি শেষ করার জন্য কিন্তু কি করব ব্যস্ততায় লিখতে বসতে পারিনাআশা করছি নিয়মিত হব, অনেক বকবক করে ফেল্লাম ভুল হলে ক্ষমা চোখে দেখবেন, চলুন আজকের টিউনটি শুরু করি ও আরেকটি কথা আজকের টিউনে কি বিষয় সমূহ আলোচনা করব তা একটু আগে বলছি সেগুলো হল এইচটি এমএল দ্বারা কিভাবে টেবিল তৈরী করতে হয় কিভাবে লিস্ট তৈরী করতে হয় তা দেখাব…
টেবিল তৈরী
প্রথমে আপনার পিসিতে নোডপেড অন করুন পূর্বের টিউটোরিয়ালের কোড গুলো কপি করে নোডপেডে পেস্ট করুন এবার নিচের কোডটি </body> এই লেখাটির আগে পেস্ট করুন
<table
width="500" border="1">
<tr>
<td>Basic</td>
<td>optinal</td>
<td>Pesonal</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
এইবার
এটাকে Webpage.html নামে সেভ করুন তার পর ঐ সেভ করা ফাইলটি দেখুন আপনার টেবিল তৈরী
হয়ে গেছে
╔══╗
║─╔╬═╗──
╚═╬╝╔╬═╗──এইবার─
──╚═╬╝╔╬═╗──চলুন ──
────╚═╬╝╔╬═╗──এটা ───
──────╚═╬╝╔╬═╗──সম্বন্ধে ────
────────╚═╬╝╔╬═╗──একটু জানি ────
──────────╚═╬╝╔╬═╗─────────────────
প্রথমে
শুরু করেছি <table এই লেখাটি দিয়ে কারণ আমরা টেবিল তৈরী করব তাই এটি অবশ্যই
দিতে এর পর width="500" border="1"> এটি দিতে হবে এইখানে
টেবিলে সাইজ আর বর্ডার এর কথা বলা হয়েছে, এর পর <tr> এবং <td> ব্যবহার
করা হয়েছে যথাক্রমে রো এবং কলাম তৈরী করা নির্দেশ করার জন্য আর আপনি যদি সেল গুলোর
মধ্যে আপনার ইচ্ছামত লিখতে পারবেন যেইভাবে আমি লিখেছি Basic, Optional, Personal
আপনি যদি সেলগুলো খালি রাখতে
চান তাহলে <td> এবং </td> এর মাঝখানে এই লেখাটি লিখতে হবে
লিস্ট তৈরী
এইবার দেখাব কিভাবে এইচটি এমএল এ লিস্ট তৈরী করতে হয় তার জন্য আপনাকে একি কাজটি করতে হবে যেমন ঐ নোডপেডে আগের কোডটির নিচে নিচের কোডটি বসিয়ে সেভ করুন
<ul>
<li>Ms
word</li>
<li>Ms
excel</li>
<li>Ms power
point</li>
<li>Internet</li>
</ul>
এইখানে আপনি যদি <ul>
এই জায়গায়<ol> এবং </ul> এর জায়গায় </ol> লিখেন তাহলে আপনার
পেইজে যেই লিস্ট গুলো করেছেন তা 1,2,3 এইভাবে সিরিয়ালি আসবে আর আপনি যদি নাম্বারিং
দিতে না চান তাহলে <ul>এর জায়গায় <ul type="circle"> দিন
তাহলে সারকেল আকারে আসবে আবার যদি স্কয়ার আকার দিতে চান তাহলে circle এর জায়গায়
square দিন আবার যদি ইংরেজি অক্ষর দিয়ে শুরু করতে চান যেমন A,B,C ইত্যাদি দ্বারা
তাহলে <ul>এর জায়গায় <ul type="A"> এবং রোমান সংখ্যা দিয়ে
শুরু করতে চাইলে A এর জায়গায় বড় হাতের আই(I) দিন অর্থ্যৎ <ul type="I">
আর এইখানে <ul> টি ব্যবহার করা হয়েছে লেখার পূর্বে সাংকেতিক চিহৃ নির্ধারণ
করা জন্য এবং আর <li> টি ব্যবহার করা হয়েছে লিস্ট তৈরী করার জন্য.. এই
কাঙ্কিত ডিজাইনটি নিচের চিত্রে দেখুন …
আজ এই পর্যন্ত রাখলাম সবাই
ভাল থাকবেন এই কামনায় শেষ করছি…আল্লাহ হাফেজ…