HTML Part 025_Table এলিমেন্টের <tbody> <thead> <tfoot> ট্যাগ ~ ICT & others Information

HTML Part 025_Table এলিমেন্টের ট্যাগ

April 17, 2016 Sharmin Khan Ishita

Table এলিমেন্টের <tbody> <thead> <tfoot> ট্যাগ

এই তিনটি ট্যাগ দ্বারা টেবিলের body, header ও footer নির্ধারণ করে দেওয়া যায়। এগুলি টেবিলকে কয়েকটি ভাগ করে গ্রুপ গ্রুপ করে প্রদর্শন করে। বড় ওয়েব সাইট যদি প্রিন্ট করা হয় সেক্ষেত্রে প্রতিটি পেজে <thead> ও <tfoot> প্রিন্ট হয়। এই ট্যাগের Format হচ্ছে ...

<tbody> ... <tbody>

<thead> ... <thead>

<tfoot> ... <tfoot>

যেমন: নিচের কোডিংসহ একটি HTML ফাইল তৈরী করুন।

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<! border="0" presents no boder and margin works for top and left>

<tr> <th>Month</th> <th>Savings</th> </tr> </thead>

<tr> <td>January</td> <td>$100</td> /tr>

<tr>

<td>February</td>

</tr>

</tbody>

</table>

</body>

</html>

Table এর Border color এবং ফাঁকা সেল Clockwise

ইতিমধ্যেই আমরা টেবিলের border color সিলেক্ট করে দিয়েছি। এই border color শুধুমাত্র টেবিলের বর্ডার নয় যে কোন border এর ক্ষেত্রেই ব্যবহৃত হয়। border-color ছাড়াও border-style (solid নাকি dashed ইত্যাদি ধরনের বর্ডার) border-width (পুরত্ত্ব)ব নির্ধারন করে দেওয়া যাবে। এছাড়া বর্ডারের চারদিক অর্থ্যাৎ top, right, bottom ও left আলাদা আলাদাভাবে Color, Style এবং Width সংযোজন করা যায়। এটি প্রতিটি Attributes আলাদাভাবে ডিক্লিয়ার করা যায়। আবার একটি Attribute এর সাথে পরপর Value বসিয়ে দেওয়া যায়। এক্ষেত্রে Clockwise অর্থা্যৎ প্রথমে top পরে right পরে bottom এবং শেষে left অংশে Value প্রদান করে।

Color সম্বন্ধে আর একটু আলোচনা করা যাক, কালারকে সরাসরি red, green, blue ইত্যাদি নাম লিখে দেওয়া যায অথবা hex value যেমন: rr (red) gg(green) ও bb(blue) এর Value লিখে দেওয়া যায় এক্ষেত্রে ০ থেকে ১০০ পর্যমত্ম কাউন্ট করে এবং ff এর অর্থ ফুল (সম্পূর্ণ ১০০%) যেমন: #00ff00 এর অর্থ red=00, green=full full এবং blue=00 অর্থাৎ শুধুমাত্র ১০০% Green দেখাবে। আবার #505050 এর অর্থ হলো red 50%, green 50% এবং blue 50% এর মিশ্রিত কালার দেখাবে।

আবার rgb value ও লিখে দেওয়া যাবে এক্ষেত্রে 0 থেকে প্রতিটি কালারের জন্য 256 টি কালার Value থাকে। এখানে rgb লিখে ব্রাকেটের মধ্যে value দেওয়া যাবে। যেমন: rgb (255, 0, 0) অর্থ্যাৎ সম্পূর্ণ red বা rgb(255, 0, 255) অর্থ্যাৎ red ও blue এর 100% কালারের মিশ্রিত কালার। এখন দেখা যাক border-color কে কিভাবে top/right/left/bottom এ ডিক্লেয়ার করা যায়। Format হচ্ছে নিমণরূপ:

এভাবে মোট ৪টি বর্ডার লাল কালারে দেখাবে।

এখন Top এবং bottom হবে Red এবং Right ও Left হবে Green

এখন top=red, right=green, bottom=blue, left=green দেখাবে।

এখন Clockwise Top থেকে পর্যায়ক্রমে top-red, right=green, bottom=blue এবং left=pink কালার দেখাবে।

অথবা অন্যভাবেও দেওয়া যায়। যেমন:

border-top-color: # value(name, hex, rgb)

border-right-color: # value

border-bottom-color: # value

border-left-color: # value

যেমন: নিচের কোডিংসহ একটি HTML ফাইল তৈরী করুন।

<!DOCTYPE html>

<html>

<head>

<title> this is table border element </title>

</head>

<body>

</table> <br />

</table> <br />

</table> <br />

</table> <br />

</table> <br />

</table>

</body>

ব্রাউজার দিযে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।

Previous Post Next Post

বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft Word

Writer: Bappi Ashraf

Published By: Gyankosh Prokashani

Amount of Pages: 464

First Publish: October-2004

Last Edition: We've February-2015 edition. Future edition may be existed!

Book Price: BDT 350 (30% Discount)

The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book. Book's CD Link below...