بسم الله الرحمان الرحيم
درووس تعليم لغة html
الجداول 4
السلام عليكم ورحمة الله و بركاته
ونتكلم الآن عن الخصائص المستخدمة مع وسوم الصف <TR> ... </TR> ولا بأس من
تذكيرك أن عدد الصفوف في الجدول يتحدد بعدد هذه الوسوم. أما أهم الخصائص التي تضاف
لهذا الوسم فهي:
ALIGN:
لتحديد محاذاة النص أفقياً داخل الخلايا التي
يتكون منها الصف، والقيم المحتملة لها هي Right, Left, Center والقيمة الإفتراضية هي Center
VALIGN:
لتحديد المحاذاة العمودية للنص داخل خلايا
الصف، وذلك إما للأعلى أو للأسفل أو في المنتصف أو على امتداد الخط الأساسي للخلية.
وقيمها على التوالي هي: Top, Bottom, Middle,
Baseline
BGCOLOR:
لتحديد لون الخلفية للخلايا التي يتكون منها
الصف. وهنا يتم تجاهل لون الخلفية المحدد ضمن وسم <TABLE> ويتم تطبيق اللون المحدد
هنا.
ولشرح اكثر وضوح لاحظ الامثلة التطبيقية التالية :
<TABLE BORDER="5" HEIGHT="300">
<TR ALIGN="Left">
<TD> Data </TD>
<TD> Data </TD></TR>
<TR ALIGN="Right"><TD> Data </TD>
<TD> Data </TD></TR>
<TR ALIGN="Center"> <TD> Data </TD>
<TD> Data </TD></TR></TABLE>
Data Data Data Data Data Data
<TABLE BORDER="5" HEIGHT="300">
<TR VALIGN="Top">
<TD> Data </TD>
<TD> Data </TD></TR>
<TR VALIGN="Bottom"><TD> Data </TD>
<TD> Data </TD></TR>
<TR VALIGN="Baseline"> <TD> Data </TD>
<TD> Data </TD></TR>
</TABLE>
Data Data Data Data Data Data
<TABLE BORDER="5" HEIGHT="300" BGCOLOR="#FFFFFF">
<TR BGCOLOR="#808080">
<TD> Data </TD>
<TD> Data </TD></TR>
<TR BGCOLOR="#C0C0C0"><TD> Data </TD>
<TD> Data </TD></TR>
<TR> <TD> Data </TD>
<TD> Data </TD></TR>
</TABLE>
Data Data Data Data Data Data
<TABLE BORDER="0" HEIGHT="100%" WIDTH="100%">
<TR BGCOLOR="#808080">
<TD> Data </TD>
<TD> Data </TD></TR>
<TR BGCOLOR="#C0C0C0"><TD> Data </TD>
<TD> Data </TD></TR>
<TR BGCOLOR="#FFFFFF"> <TD> Data </TD>
<TD> Data </TD></TR>
</TABLE>
| Data | Data |
| Data | Data |
| Data | Data |
أظنك فهمت درس اليوم و ان كان عندك غمووض او اي
استفسار اكتبه اسفل في مربع التعليقات
Comments
Post a Comment