دليل مرجعي HTML

مكتبة التسميات HTML

HTML: <tr> علامة

تسمية HTML <tr> تعرف سطرًا في جدول HTML. يمكن لتسمية <tr> أن تحتوي على تسمية <th> واحدة أو عدة، تعرف خلايا العناوين في الجدول، أو تسمية <td> واحدة أو عدة، تعرف خلايا الصف العادية. تُعرف هذه التسمية أيضًا بتسمية <tr> العنصر.

مثال عبر الإنترنت

جدول HTML يحتوي على tr بسيط:

مثال

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>استخدام تسمية HTML tr (دليل أساسي للعنكبوت الأسود oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>عنوان العمود 1</th>
　　　　<th>عنوان العمود 2</th>
　　</tr>
　　<tr>
　　　　<td>بيانات في العمود 1، الصف 2</td>
　　　　<td>بيانات في العمود 2، الصف 2</td>
　　</tr>
　　<tr>
　　　　<td>بيانات في العمود 1، الصف 3</td>
　　　　<td>بيانات في العمود 2، الصف 3</td>
　　</tr>
</table>
</body>
</html>

الاختبار لرؤية ‹/›

في هذا مثال على مستند HTML5، قمنا بإنشاء جدول باستخدام علامة <table>، والجدول يحتوي على 2 عمود و3 صفوف. الصف الأول هو الذي تم تعريفه باستخدام علامة <tr> الأولى. يحتوي على خلية عنوان تستخدم علامة <th> لتحديد عنوان العمود. الصف الثاني والثالث يستخدم علامة <td> لتحديد خلايا الصف العادية.

توافق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الشائعة تسمية <tr>.

تسمية وتعليمات الاستخدام

تسمية <tr> تعرف سطرًا في جدول HTML.

يحتوي عنصر <tr> على عنصر أو عدة <th> أو <td> عنصر.

الفرق بين HTML 4.01 و HTML5

في HTML 5، لا يدعم <tr> التسمية في أي خصائص في HTML 4.01.

خصائص

خصائص	قيمة	وصف
align	right 　left 　center 　justify 　char	HTML5 لا يدعمها. تحديد طريقة تنسيق المحتوى للصف.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 لا يدعمها. تم التراجع عن HTML 4.01. تحديد لون الخلفية لصف الجدول.
char	character	HTML5 لا يدعمها. تحديد الحرف الذي سيتم استخدامه للتنسيق النصي.
charoff	number	HTML5 لا يدعمها. تحديد مقدار التباين للوحدة الأولى من التوجيه.
valign	top 　middle 　bottom 　baseline	HTML5 لا يدعمها. تحديد طريقة تنسيق المحتوى العمودي في صف الجدول.

خصائص العالمية

دعم <tr> علامة خصائص العالمية في HTML.

خصائص الحدث

دعم <tr> علامة خصائص الحدث في HTML.

تجربة - مثال

عنوان في الجدول
هذا المثال يوضح كيفية عرض عنوان الجدول.

خلية فارغة
هذا المثال يوضح كيفية استخدام " " لمعالجة الخلايا التي لا تحتوي على محتوى.

المقالات ذات الصلة

دليل تعليمات HTML:جداول HTML

دليل مرجع HTML DOM: مفهوم Tr

HTML: <track> علامة HTML: <title> علامة