HTML टेबल में एक पंक्ति (row) परिभाषित करने के लिए <tr> टैग का उपयोग किया जाता है। प्रत्येक <tr> में <th> (हेडर सेल) या <td> (डेटा सेल) तत्व होते हैं।
विशेषताएँ (सभी निरस्त)
| विशेषता | मान | विवरण |
|---|---|---|
| align | right, left, center, justify, char | निरस्त - क्षैतिज संरेखण। CSS text-align का उपयोग करें। |
| bgcolor | rgb(x,x,x), #hexcode, colorname | निरस्त - पृष्ठभूमि रंग। CSS background-color का उपयोग करें। |
| char | Character | निरस्त - संरेखण वर्ण। जब align="char" हो। |
| charoff | पिक्सेल या % | निरस्त - संरेखण ऑफसेट। जब align="char" हो। |
| valign | top, middle, bottom, baseline | निरस्त - लंबवत संरेखण। CSS vertical-align का उपयोग करें। |
उदाहरण
निम्नलिखित कोड HTML टेबल में पंक्ति जोड़ने का तरीका दर्शाता है:
<!DOCTYPE html>
<html>
<head>
<title>HTML tr Tag</title>
<style>
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
th { background-color: #f2f2f2; }
tr:nth-child(even) { background-color: #f9f9f9; }
</style>
</head>
<body>
<table>
<tr>
<th>क्रिकेटर</th>
<th>रैंकिंग</th>
</tr>
<tr>
<td>विराट कोहली</td>
<td>1</td>
</tr>
<tr>
<td>एबी डिविलियर्स</td>
<td>2</td>
</tr>
<tr style="background-color: #e8f5e9;">
<td>रोहित शर्मा</td>
<td>3</td>
</tr>
</table>
</body>
</html>
मुख्य बिंदु
<tr>हमेशा<table>,<thead>,<tbody>, या<tfoot>के अंदर होना चाहिए।- पंक्ति स्टाइलिंग के लिए CSS का उपयोग करें (
:nth-child(),background-color, आदि)। - सुलभता के लिए हेडर पंक्ति में
<th>और डेटा पंक्तियों में<td>का उपयोग करें।