القائمة الرئيسية

الصفحات

الجزء الاخير من شرح خصائص الجداول في لغة الايتش ام ال html

بسم الله الرحمان الرحيم


درووس تعليم  لغة html


الجداول 5



السلام عليكم ورحمة الله و بركاته 

درس اليوم سيكون تابع لهذا الدرس السابق  



لنقم بدمج الخلايا الموجودة في العمود الأول
‎<TABLE BORDER="5">‎
<TR>
<TD ROWSPAN="3"> Data <‎/TD>
<TD> Data <‎/TD>
<‎/TR>

<TR>
<TD> Data <‎/TD>
<‎/TR>

<TR>
<TD> Data <‎/TD>
<‎/TR>
<‎/TABLE>
ومرة أخرى بعد تعريف خاصية الدمج العمودي، قمت بحذف تعريف الخلايا المدموجة من الصف الثاني والثالث. وهذا هو الجدول الناتج.
Data Data
Data
Data


هناك نوع خاص من الخلايا التي يتم تعريفها باستخدام الوسوم <TH> ... <‎/TH> وهي اختصار Table Header أي ترويسة الجدول.
والفرق الوحيد بينها وبين <TD> ... <‎/TD> هو أن النص الذي تحتويه يظهر بخط أسود عريض ومحاذاته في منتصف الخلية بصورة إفتراضية. (ليس بالشيء المهم، كما أعتقد)، خاصة وأن الخصائص المستخدمة معها هي نفس خصائص <TD> وبنفس التفاصيل التي ذكرت.

الوسوم الأخيرة المستخدمة في الجداول هي <CAPTION> ... <‎/CAPTION> وهي تختص بإضافة عنوان رئيسي للجدول ككل. لذلك فهي عندما تكتب يتم وضعها مباشرة بعد الوسم <TABLE> وبصورة مستقلة وليس ضمن وسوم الصفوف أو الخلايا.
‎<TABLE BORDER="5">‎
    <CAPTION> Table Caption <‎/CAPTION>
<TR>
<TD> Data <‎/TD>
<TD> Data <‎/TD>
<‎/TR>

<TR>
<TD> Data <‎/TD>
<TD> Data <‎/TD>
<‎/TR>

<TR>
<TD> Data <‎/TD>
<TD> Data <‎/TD>
<‎/TR>
<‎/TABLE>
Table Caption
Data Data
Data Data
Data Data


وأخيراً... وصلنا إلى نهاية هذه الدرس. وما بقي لدي هو أن أحثـك على تطبيق ما قمت بشرحه فيه وفي الدرس السابق وباقي الدروس، وتجربة جميع الاحتمالات الواردة للخصائص والقيم. 








أظنك فهمت درس اليوم و ان كان عندك غمووض او اي 

استفسار اكتبه اسفل في مربع  التعليقات


               

                        الدرس القادم          من هنا 


اذا كنت مدون ويهمك التعرف على مواضيع الربح من الانترنت الجديدة و التي تعطي فعاليتها ، لأنها نتائج تجربة لمدى سنوات من العمل . و بالأخص الربح من جوجل ادسنس لأنها الشركة المفضلة في الوقت الحالي و تضمن لك دخل شهري مناسب. نسعد بزيارة مدونتنا و الاستفادة من المواضيع الحصرية و الغنية بالمعلومات المفيدة و ستكتشف ذلك عندما تتصفح مواضيع المدونة. و لا تنسى متابعة المدونة لتصلك جديد المواضيع اولا. زيارة موقع مدونة التقنية

Comments