HTML বাংলা টিউটোরিয়াল পর্ব-১১

এইচটিএমএলে লিংক-এর ব্যবহারঃ

আসসালামু-আলাইকুম ।
আশা করি আপনারা সবাই ভাল আছেন। আজকে আমি আপনাদের মাঝে হাজির হলাম HTML বাংলা টিউটোরিয়াল পর্ব-১১ নিয়ে । এই সাইটের ফেসবুক পেইজে লাইক দিতে ভুলবেন না।

বাংলা টিউটোরিয়াল ফেসবুক পেজ

টেবিল ব্যবহারের সিনট্যাক্সঃ

এইচটিএমএলে টেবিলের ব্যবহার খুবই গুরুত্বপুরণ। এটি দিয়ে শুরু এবং শেষ করতে হয়। দিয়ে সারি এবং বা দিয়ে কলাম বুঝানো হয়। মূলত হেডিং লেখার জন্য ব্যবহার করা হয়।
উদাহরণঃ
<html>
<head>
</head>
<body>
             <table border="1">
                    <tr> (প্রথম সারির জন্য)
                             <td>
                             Bangladesh
                             </td>
                   </tr> (প্রথম সারি শেষ)
                   <tr> (২য় সারির জন্য)
                             <td> (১ম কলাম)
                             Tangail
                             </td>
                             <td> (২য় কলাম)
                             Dhaka
                             </td>
                             <td> (৩য় কলাম)
                             Gazipur
                             </td>
                   </tr> (২য় সারি শেষ)
             </table>
</body>
</html>
কোডটুকু লিখে table.html নামে সেভ করে ব্রাউজারে রান করুন। এখানে বর্ডার হচ্ছে টেবিলের চারপাশের দাগগুলো কত মোটা হবে তা নির্দিষ্ট করে দেওয়া। আপনারা বর্ডারের মান বিভিন্ন দিয়ে চর্চা করুন।
আউটপুটঃ
HTML

টেবিলে হেডিং তৈরিঃ

টেবিলে হেডিং তৈরির জন্য মূলত ট্যাগটি ব্যবহার করা হয়ে থাকে। এটি দিয়ে শুরু এবং দিয়ে শেষ হয়। এটিকে অবশ্যই টেবিলের মধ্যে ব্যবহার করতে হবে।
উদাহরনঃ
<html>
<head>
</head>
<body>
<table border="1">
<tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Points</th>
</tr>
<tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
</tr>
</table>
</body>
</html>
কোডটুকু লিখে heading.html নামে সেভ করে ব্রাউজারে রান করুন।
আউটপুটঃ
HTML

কলাম স্প্যানঃ

কোন সেলের মধ্যে একাধিক কলাম বানাতে চাইলে ব্যবহার করা হয়।
উদাহরণঃ
<html>
<head>
</head>
<body>
<table border="1">
<tr>
    <th>Name</th>
    <th colspan="2">Telephone</th>
</tr>
<tr>
    <td>Bill Gates</td>
    <td>555 77 854</td>
    <td>555 77 855</td>
</tr>
</table>
</body>
</html>
কোডটুকু লিখে col-span.html নামে সেভ করে ব্রাউজারে রান করুন।
আউটপুটঃ
HTML

রো স্প্যানঃ

কোন সেলের মধ্যে একাধিক রো বা সারি বানাতে চাইলে ব্যবহার করা হয়।
উদাহরণঃ
<html>
<head>
</head>
<body>
<table border="1">
<tr>
    <th>Name:</th>
    <td>Bill Gates</td>
</tr>
<tr>
    <th rowspan="2">Telephone:</th>
    <td>555 77 854</td>
</tr>
<tr>
    <td>555 77 855</td>
</tr>
</table>
</body>
</html>
কোডটুকু লিখে row-span.html নামে সেভ করে ব্রাউজারে রান করুন।
আউটপুটঃ
HTML

ক্যাপশনের ব্যবহারঃ

কোন টেবিলের উপরে টেবিলটি কি সম্পর্কিত তার নাম লেখে দেওয়ার জন্য ব্যবহার করা হয়।
উদাহরণঃ
<html>
<head>
</head>
<body>
<table border="1">
<caption>Monthly savings</caption>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
<tr>
    <td>February</td>
    <td>$50</td>
</tr>
</table>
</body>
</html>
কোডটুকু লিখে caption.html নামে সেভ করে ব্রাউজারে রান করুন।
আউটপুটঃ
HTML

বেশি বেশি চর্চা করুন।
আপনি যতটুকু শিখবেন তা সবার মাঝে ছড়িয়ে দেওয়ার চেষ্টা করুন। এই পর্বে কোন বিষয়ে বুঝতে সমস্যা হলে কমেন্ট করুন। আমার পক্ষে যতটুকু সম্ভব সমাধান করার চেষ্টা করব। পেইজটি শেয়ার করতে ভুলবেন না। নিজে জানুন এবং অন্যকে জানাতে সাহায্য করুন। নিচে শেয়ার করার জন্য বিভিন্ন অপশন আছে যেমন ফেসবুক, টুইটার, গুগল প্লাস ইত্যাদি।
আজ আর নয়। পরের পর্বের আমন্ত্রণ জানিয়ে আজকের মত বিদায় বন্দুরা।
ধন্যবাদ সবাইকে।
HTML বাংলা টিউটোরিয়াল পর্ব-১২
HTML বাংলা টিউটোরিয়াল পর্ব-১৩

Bangla Tutorial

Pages

Monday, April 4, 2016