আসসালামুয়ালাইকুম। সবাই কেমন আছেন ? নিশ্চয়ই ভাল। বৃষ্টিতে ভেজা আর মামার বাড়ির আম কুড়াতে কুড়াতে আমিও অনেক ভাল । আশা করি আপনারাও আম কুরাচ্ছেন। যদি আম কুড়ানোর জায়গা খুজে না পান তাহলে আমার বাড়িতে সবাইকে আম কুড়ানোর নিমন্ত্রণ থাকলো ।অনেক কথা হল, আর কথা না বাড়িয়ে চলুন চলে যাই আজকের পর্বে । যারা আমার গত পর্ব গুলো পড়েন নি তারা নিচের লিঙ্ক থেকে পড়ে নিতে পারেন ।
১ম পর্বঃ http://techtweets.com.bd/web-developing/zahid-hassan/2481
২য় পর্বঃhttp://techtweets.com.bd/web-developing/zahid-hassan/2648
৩য় পর্বঃ https://www.techtunes.io/web-development/tune-id/63676
অনেকেই dreamweaver 8 এর ইংলিশ ভার্শন এর লিঙ্ক চেয়েসেন তারা এইhttp://www.mediafire.com/?miejlxonjm2লিঙ্ক থেকে সফট টি down load করতে পারেন।আশা করি আর কোন সমস্যা হবে না।
আজকে আমরা html দিয়ে টেবিল তৈরি করা শিখব ।
আপনি আপনার সাইটের বিভিন্ন উপাদান গুলি টেবিলের সাহায্যে সুন্দরভাবে সাজাতে পারবেন। প্রথমে টেবিলের কিছু কাজ করবো ।
<html>
<body>
<table border="1" width="50%">
<tr>
<td>zahid</td>
<td>arif</td>
<td>sorif</td>
</tr>
<tr>
<td>samim</td>
<td>hassan</td>
<td>karim</td>
</tr>
<tr>
<td>sujon</td>
<td>sumon</td>
<td>hasina</td>
</tr>
</table>
</body>
</html>
এটি সিম্পল একটা টেবিল । এর চেয়ে বড় টেবিলের কাজ করবো। প্রথমে এই টেবিল কিভাবে তৈরি করলাম তা বুজে নিইঃ
<table>(এই ট্যাগ টি দ্বারা বুজায় যে ওয়েবপেজএ টেবিল তৈরি করা হয়েছে)
<tr>( এই ট্যাগ টি দ্বারা টেবিলে রো তৈরি করা হয়।এটি টেবিল রো )
<td>( এই ট্যাগ টি দ্বারা একটি রো তে ডাটা কয়টি শ্রেণিতে ভাগ থাকবে তা তৈরি করা হয় )
Table tag এর ভিতরে width=”50%”. এটি দ্বারা বুজায় যে টেবিল টি প্রস্থে ৫০% বড় হবে ।
যেহেতু আমরা প্রফেশনালদের মত করে ওয়েবসাইট তৈরি করবো তাই বড় টেবিলের কাজ করবো । বড় টেবিল টি হবে নিচের মত:
<body>
<table height="20%">
<table border="5" width="100%" bgcolor="#FFFF00">
<tr align="center">
<td colspan="2">Logo</td>
<td colspan="2">company slogan</td>
</tr>
<tr align="center">
<td>Home</td>
<td>About us</td>
<td>contracts</td>
<td>login</td>
</tr>
</table>
<table border="5" width="100%" bgcolor="#FF6600">
<tr align="center">
<td>Menu 1</td>
<td>menu 2</td>
<td>Menu 3</td>
</tr>
</table>
<table width="100%" border="5" bgcolor="#99FF00">
<tr>
<td>
<table width="100%" border="5">
<tr align="center">
<td>link 1</td>
</tr>
<tr align="center">
<td>link 2</td>
</tr><tr align="center">
<td>link 3</td>
</tr>
</table>
</td>
<td align="center" width="50%">body</td>
<td>
<table width="100%" border="5">
<tr align="center">
<td>link 4</td>
</tr>
<tr align="center">
<td>link 5</td>
</tr><tr align="center">
<td>link 6</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="5" height="10%" bgcolor="#FF99CC">
<tr><td align="right">Designed by©<br> zahid hassan</td>
</tr>
</table>
</table>
কোড গুলো দেখে টেবিলটি practice করতে থাকেন । কোন সমস্যা হলে জানাবেন।
এখন আমরা শিখবো কোন টেক্সটকে কিভাবে শিরোনাম হিসেবে এদিক অদিক নেয়া যায়।
ইহার জন্য মারকিও ট্যাগ ব্যবহার করা হয়ঃ
latest News: Sirajgonj Polytechnic Institute has been opened second Shift.
এটি আমারা টেবিলে ব্যবহার করবো । টেবিলে ব্যবহার করলে output নিচের মত হবেঃ
আজ আর লিখতে ইচ্ছে করসে না । সবাই ভাল থাকবেন।
আমি zahid hassan@। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 10 টি টিউন ও 95 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
ভাল লাগে বৃষ্টিতে ভিজতে , আর সাথে যদি পাশের বাড়ির মেয়েটি থাকে তাহলে তো কথাই নেই, ভাল লাগার সীমা ছাড়িয়ে যায় । আগুলোর চেয়ে বেশি ভাল লাগে কম্পিউটারের সাথে গল্প করতে ।আমার ফেসবুকঃ http://www.facebook.com/home.php#!/profile.php?id=100001514299668
অনেক দিন পর আসলেন ভাই। ভাই দাওয়াত দিলেন কিন্তু ঠিকানা দিলেন না। আপনার মামার বাড়িটা কোথায়, আমি এখনি চলে আসব যদি আপনি সেখানে থাকেন। ভাই অসংখ্য ধন্যবাদ একটি সুন্দর টিউন উপহার দেওয়ার জন্য। আমি তো আপনার ফেন হয়ে গেলাম। চালিয়ে যান, সাথেই আছি।