মুক্ত বিহঙ্গ (রিজভী)™
Latest posts by মুক্ত বিহঙ্গ (রিজভী)™ (see all)
- গুগলের নতুন প্রোডাক্ট গুগল লোকাল গাইডে কাজ শুরু করে দিন জলদি - 04/05/2015
- Html টিউটোরিয়াল পর্ব (৮) - 24/04/2013
- ব্লগ এবং ব্লগিং কি সংক্ষিপ্ত আকারে জেনে নিন - 23/04/2013
“বিসমিল্লাহির রহমানির রাহিম”
সবাই কেমন আছেন আশা করি ভাল আছেন আমিও শারিরিক ভাবে সুস্থ আছি আপনাদের দোয়াই কিন্তু একটু কনফিউসনে আছি লাইফটা মনে হচ্ছে ঝুলে আছে কি করব বুঝতে পারছি না আচ্ছা যাক সে কথা সবাই পারলে আমার জন্য একটু দোয়া করবেন, আজকে আপনাদের জন্য একটি টিউন নিয়ে হাজির হলাম সেটা হল HTML এর আরেকটি পর্ব, আমি আসলে চেস্টা করছি 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> টি ব্যবহার করা হয়েছে লিস্ট তৈরী করার জন্য.. এই কাঙ্কিত ডিজাইনটি নিচের চিত্রে দেখুন …
আজ এই পর্যন্ত রাখলাম সবাই ভাল থাকবেন এই কামনায় শেষ করছি……
নিচের টিউনগুলো লখ্য করুন, কাজে লাগতেও পারে
চালিয়ে যান ভাইয়া।
hmmm chesta korchi.. …
চমৎকার ফাটাফাটি পোস্ট :) এক কথায় অসাধারন :D চালিয়ে জাও :)
Thanks….
এক কথায় অসাধারন টিউন রিজভী ভাই
ধন্যবাদ…
daron hoyece
ধন্যবাদ………….
কি আর বলব খুব ভালো লেগেছ ।
ধন্যবাদ ।
hmm you welcome….