أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <tr> Tag


مثال

جدول HTML بسيطة، تحتوي على عمودين وصفين:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
انها محاولة لنفسك »

أكثر "انها محاولة لنفسك" الأمثلة أدناه.


تعريف واستخدام

و <tr> تحدد العلامة صف في جدول HTML.

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


دعم المتصفح

العنصر
<tr> نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

الخلافات بين HTML 4.01 و HTML5

كل layout تتم إزالة السمات في HTML5.


الصفات

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

السمات العامة

و <tr> كما يدعم بطاقة و السمات العامة في HTML .


سمات الحدث

و <tr> كما يدعم هذا الكود في حدث سمات في HTML .


انها محاولة لنفسك - أمثلة

رؤوس الجدول
كيفية إنشاء رؤوس الجدول.

الجدول مع تعليق
جدول HTML مع التعليق.

الكلمات داخل الجدول
كيفية عرض العناصر داخل العناصر الأخرى.

C ملتعلمي اللغة اإلنكليزية التي تمتد أكثر من صف واحد / العمود
كيفية تعريف خلايا الجدول التي تمتد أكثر من صف واحد أو عمود واحد.


صفحات ذات صلة

HTML البرنامج التعليمي: جداول HTML

HTML DOM إشارة: كائن TableRow

CSS دروس: جداول التصميم


الإعدادات الافتراضية CSS

معظم المتصفحات عرض <tr> العنصر مع القيم الافتراضية التالية:

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}