منتديات العاشق - عرض مشاركة واحدة - الدرس الخامس 5 || الجداول

JERY7 · #1 02-20-2014, 02:11 PM

اللَّهُمَّ انْفَعْنَا بِمَا عَلَّمْتَنَا , وَعَلِّمْنَا مَا يَنْفَعُنَا , وَزِدْنَا عِلْمًا إِلَى عِلْمِنَا

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

كيفكم جميعاً أن شاء الله تمام !؟

وما تشكون من بأس!

اليوم موضوعنا راح نكتب فيه أكواد مهمة جداً جداُ

~ الجداول ~
تعدُ الجداول من أهم الأدوات التي في لغة HTML وذلك
لأستخدامهاٌ في جميع المواقعُ وبطرق مختلفة جداً

صورة كود الجدول

الكود كتطبيقُ

<TABLE> هذا هو الكود الأساسي
<TR> هذا الصف في الجدول
<TD> هذا الخلاياء في كل صف

صورة التطبيق

راح تقول أيش في !!

الأن تخيل معي شكل الجدول لكن طلع شكل غير شكل
الجدول الي في رأسك

طيب شوف بعد ما وضعنا حواف للجدول شكلة

بعد تعديل على كود <TABLE BORDER="5">

الأن عرفنا كيف ننشىء جدول لكن لم تتضح الصورة بعدُ

كيف يمكننا أن نستخدمه

أنظر للصورة وستعرفُ

طبعا في هذا الدرس لن نتطرق لجميع الأضافات التي يمكننا زيادتها

للجدول لكن جميع الأضافات التي أخذناها يمكنك تطبيقها على الجدول من الحجم والسطر ومكان النص والصور وجميع الأضافات

فقط يحتويها الجدول

راح نتعلم اليوم دمج الخلاياء حتى نعدل من شكل الجدول

مثل هذا جدولنا

وهذا الكود

كود:

<table border="5" >
        <tr>
            <td> </td>
            <td></td>
            <td></td>
            <td> </td>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

         <tr>

            <td></td>    
            <td></td>
            <td></td>  
           <td></td> 
      
        </tr>

    </table>

طبعا لاتخفُ من الكود فهو بسيط جداً

كل ما نريد نضيف صف نكتب
</TR> <TR>
وكل ما نريد اضافه خليه ((لزم تكون داخل صف))
<TD>3ASQ.COM</TD>

طيب نبي جدول من صفين وثلاث خلاياء
<TABLE BORDER="5">
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>

<TR>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
</TR>

</TABLE>

BORDER="5" = حجم الحواف او الأطار
<TR> = صف جديد في الجدول
<TD> = خليه جديدة او حقل في الصف

أنتيهنا من الجزء الأول من الجداول

واجب الدرس

!

عمل جدول
مع أطار عرض 4
مكون من
صفين
وكل صف يحتوي على 4 خلاياء

في أمان الله

سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ أَشْهَدُ أَنْ لا إِلهَ إِلأَ انْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ