Awesome! টিউনস
সকল Awesome! টিউনস

ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৫] :: এইচটিএমএল টেবিল

2,976 দেখা 1 টিউমেন্টস জোসস
টিউন বিভাগ এইচটিএমএল
প্রকাশিত
Level 0

10 টিউনস 6 টিউমেন্টস 0 ফলোয়ার

ওয়েব ডিজাইন এর হাতেখড়ি

আশা করছি  পরম করুণাময় আল্লাহতালার অশেষ রহমতে সকলেই ভালো আছেন। তো চলুন শুরু করা যাক আমাদের আজকের পর্ব। আজ আমরা যে বিষয়টি শিখব তা হচ্ছে ওয়েব পেজের জন্য কিভাবে টেবিল করতে হয়। টেবিল তৈরি করতে যে সমস্ত ট্যাগ এর ব্যবহার করতে হবে তা আমরা কাজ করতে গিয়ে শিখব। ধরুন আপনি একটি টেবিল তৈরি করতে চাচ্ছেন। যার ভেতরে আপনার কিছু ফ্রেন্ড এর নাম এবং জন্ম তারিখ এর একটি তালিকা তৈরি করবেন। এটি কিভাবে কোরতে হবে নিম্নের কোডটি দেখলেই আপনি পরিষ্কার বুঝতে পারবেন। নিম্নের কোডটি একটি নোট প্যাড এ টাইপ করুন এবং এটিকে .html এক্সটেনশন দিয়ে যেকোন নামে সেভ করুন।

</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>

এবার আসুন কোড সম্পর্কে একটু বর্ণনা দেই যেন আপনাদের বুঝতে সুবিধা হয়। এখানে সবার প্রথমে টেবিল ট্যাগ ব্যবহার করা হয়েছে, এবং টেবিলের বর্ডার নির্ধারন করার জন্য এর ভিতর আমরা বর্ডার আট্রিবিউট ব্যবহার করেছি, এবং এখানে <tr> ট্যাগ ব্যবহার করা হয়ছে যেটি কিনা টেবিলের রো নির্ধারণ করে। এছাড়াও এর ভেতর <td> ট্যাগ ব্যবহার করা হয়েছে যার মাধ্যমে টেবিলের সেল গঠন করা হয় এবং এটি সেলের উপাদানকে ধারন করে। আশা করছি এবার আপনাদের বুঝতে আর কোন সমস্যা নেই। নিম্নে আপনাদের নিজেদের প্র্যাকটিস এর জন্য আমি বড় একটি কোড দিয়ে দিচ্ছি। আপনারা আপনাদের নিজেদের ইচ্ছা মত কোডটিকে এডিট করবেন এবং বিভিন্ন ভাবে বর্ধিত করবেন। এবং কোথায় কি পরিবর্তন আনলে টেবিলে কি পরিবর্তন হচ্ছে খুব মনোযোগ দিয়ে লক্ষ্য কোরবেন।

</pre>
<html>

<head>

<title>Table 1</title>

</head>

&nbsp;

<body>

<table border="1">

<tr>

<td> </td>

<td> 1st </td>

<td> 2nd </td>

<td> 3rd </td>

<td> 4th </td>

<td> 5th </td>

</tr>

<tr>

<td>Sat</td>

<td>Bangla</td>

<td></td>

<td>English</td>

<td></td>

<td>Math</td>

</tr>

<tr>

<td> Sun </td>

<td>Math</td>

<td>Bangla</td>

<td></td>

<td>English</td>

<td>Game</td>

</tr>

</table>

</body>

</html>
<pre>

আজ এখানেই শেষ করছি।

সবাই ভাল থাকবেন।

Level 0

আমি মুন্সী বরকতুল্লাহ জনি। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 10 টি টিউন ও 6 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস

Level 0
 এটি হল <link/> (লিংক ট্যাগ) 

আমার জানা মতে এই লিংক ট্যাগটির ৪টি Attribute আছে। তা হলঃ-
<link rel="" href="" media="" type''/> 

এই ৪টি Attribute ভিতর আমি শুধুমাত্রা ১টি Attribute বুঝতে পারছি । বাকি ৩টি এখনো অজানা রয়েছে

<link href="আপনি যে নামে আপনার CSS File তৈরী করেছেন সেটার নাম এখানে দিন " media="বুঝতে পারিনি এখানে আসলে কি হবে " type'বুঝতে পারিনি এখানে আসলে কি হবে' rel="বুঝতে পারিনি এখানে আসলে কি হবে" />