ওয়েব ডিজাইন এর হাতেখড়ি
- ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৫] :: এইচটিএমএল টেবিল
আশা
করছি পরম করুণাময় আল্লাহতালার অশেষ রহমতে সকলেই ভালো আছেন। তো চলুন শুরু
করা যাক আমাদের আজকের পর্ব। আজ আমরা যে বিষয়টি শিখব তা হচ্ছে ওয়েব পেজের
জন্য কিভাবে টেবিল করতে হয়। টেবিল তৈরি করতে যে সমস্ত ট্যাগ এর ব্যবহার
করতে হবে তা আমরা কাজ করতে গিয়ে শিখব। ধরুন আপনি একটি টেবিল তৈরি করতে
চাচ্ছেন। যার ভেতরে আপনার কিছু ফ্রেন্ড এর নাম এবং জন্ম তারিখ এর একটি
তালিকা তৈরি করবেন। এটি কিভাবে কোরতে হবে নিম্নের কোডটি দেখলেই আপনি
পরিষ্কার বুঝতে পারবেন। নিম্নের কোডটি একটি নোট প্যাড এ টাইপ করুন এবং
এটিকে .html এক্সটেনশন দিয়ে যেকোন নামে সেভ করুন।
এবার
আসুন কোড সম্পর্কে একটু বর্ণনা দেই যেন আপনাদের বুঝতে সুবিধা হয়। এখানে
সবার প্রথমে টেবিল ট্যাগ ব্যবহার করা হয়েছে, এবং টেবিলের বর্ডার নির্ধারন
করার জন্য এর ভিতর আমরা বর্ডার আট্রিবিউট ব্যবহার করেছি, এবং এখানে
<tr> ট্যাগ ব্যবহার করা হয়ছে যেটি কিনা টেবিলের রো নির্ধারণ করে।
এছাড়াও এর ভেতর <td> ট্যাগ ব্যবহার করা হয়েছে যার মাধ্যমে টেবিলের
সেল গঠন করা হয় এবং এটি সেলের উপাদানকে ধারন করে। আশা করছি এবার আপনাদের
বুঝতে আর কোন সমস্যা নেই। নিম্নে আপনাদের নিজেদের প্র্যাকটিস এর জন্য আমি
বড় একটি কোড দিয়ে দিচ্ছি। আপনারা আপনাদের নিজেদের ইচ্ছা মত কোডটিকে এডিট
করবেন এবং বিভিন্ন ভাবে বর্ধিত করবেন। এবং কোথায় কি পরিবর্তন আনলে টেবিলে
কি পরিবর্তন হচ্ছে খুব মনোযোগ দিয়ে লক্ষ্য কোরবেন।
</pre>
<html>
<head>
<title>Friend Information</title>
</head>
<body>
<table border="2">
<tr>
<td> Friend Name</td>
<td> Date of Birth</td>
</tr>
<tr>
<td> Faisal </td>
<td> March 8</td>
</tr>
<tr>
<td> Khalid </td>
<td> February 29</td>
</tr>
</table>
</body>
</html>
<pre>
আজ এখানেই শেষ করছি।
সবাই ভাল থাকবেন।
No comments:
Post a Comment