এইচটিএমএল-এ টেক্সট কেন্দ্রে কিভাবে
প্রোগ্রামার হিসাবে আমরা প্রথম যে জিনিসগুলি শিখি তা হল পাঠ্যের ব্লকগুলিকে কীভাবে সারিবদ্ধ করা যায়। এই নিবন্ধে, আমরা শৈলী ব্যবহার করে আপনার কন্টেইনারের কেন্দ্রে কীভাবে পাঠ্য সারিবদ্ধ করতে হয় এবং বৈশিষ্ট্যগুলি সারিবদ্ধ করতে হয় তা দেখব।
শৈলী বৈশিষ্ট্যগুলি
যখন আমরা html-এ একটি div-এর সাথে কাজ করি, আমরা ইনলাইন-স্টাইলিং অন্তর্ভুক্ত করতে স্টাইল অ্যাট্রিবিউট ব্যবহার করতে পারি। আমরা CSS প্রপার্টি text-align ব্যবহার করব আমাদের পাঠ্যকে <div>-এ কেন্দ্রীভূত করতে .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Center with Style Attribute</title>
</head>
<body>
<div class="container" style="text-align:center;">
<p>Text to center</p>
</div>
</body>
</html> অ্যালাইন অ্যাট্রিবিউট
আমরা যখন HTML এ টেবিলের সাথে কাজ করি তখন আমরা সারিবদ্ধ বৈশিষ্ট্যগুলি ব্যবহার করতে পারি। এটি শুধুমাত্র <col> এ কাজ করবে , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr> উপাদান
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Center with Align Attribute</title>
</head>
<body>
<table border=1 width="800" align="center">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr align="center">
<td>January</td>
<td>$100</td>
</tr>
<tr align="center">
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
আপনি যখন টেক্সট কেন্দ্রীভূত করতে শিখছেন তখন মনে রাখার বড় বিষয় হল যে সারিবদ্ধকরণটি এটির মধ্যে থাকা কন্টেইনারের উপর নির্ভর করে৷ যদি ধারকটি কেবলমাত্র অর্ধেক পৃষ্ঠা নেয় তবে এটি সেই পাত্রের দৈর্ঘ্য জুড়ে নিজেকে কেন্দ্রীভূত করবে এবং পুরো পৃষ্ঠায় নয়৷
এখানেই শেষ এটা পেতে ওখানে যাও! আপনি এখন জানেন কিভাবে একটি <div> জুড়ে পাঠ্যকে কেন্দ্র করতে হয় উপাদান এবং <table> উপাদান
