المحتوى

• خطوات
• نصائح
• تحذيرات

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

خطوات

1. 1 افتح برنامج معالجة نصوص بسيطًا مثل Notepad أو WordPad على نظام Windows ، أو افتح TextEdit على نظام Mac.
2. 2 أدخل كل النص الذي تريد رؤيته أمام الجدول.
3. 3 حدد استخدام جدول لمستند HTML عن طريق إدخال table> tag.
   
   
4. 4 هاهنا.
   
   
5. 5 أدخل علامة فتح جدول الصف باستخدام علامة> tr.
6. 6تذكر أن تبني كل العناصر المتبقية من اليسار إلى اليمين.
7. 7 هاهنا.
8. 8 أدخل علامة البداية لعنوان الجدول باستخدام العلامة>.
9. 9 أدخل العنوان الذي تريد استخدامه للعمود الأول.
10. 10 أدخل علامة إغلاق لعنصر عنوان الجدول باستخدام العلامة / th>.
11. 11 هاهنا.
12. 12 كرر الخطوات (ترتيب العناصر في أعمدة من اليسار الى اليمين).
13. 13 أغلق هذا السطر بإدخال علامة / tr>.
14. 14 هاهنا.
15. 15 ابدأ سطرًا آخر بعلامة tr> أخرى.
16. 16 هاهنا.
17. 17 أدخل علامة بيانات الجدول باستخدام العلامة td>.
18. 18 أدخل بيانات الجدول التي تريد تضمينها في كل حقل.
19. 19اعمل من اليسار إلى اليمين ، واملأ البيانات من الأعمدة الموضحة أعلاه.
20. 20 أغلق كل إدخال بعلامة / td>.
21. 21 كرر لجميع بيانات الجدول التي لديك.
    • بالنسبة للخلايا التي لا تحتاج فيها إلى إدخال أي شيء ، أدخل td> و td> ولا شيء بينهما. سيكون هذا مفيدًا جدًا للحقول بين حقلين آخرين.
22. 22 أغلق كل سطر بعلامة / tr> أخرى.
23. 23 كرر كل سطر لأسفل بالإضافة إلى خطوط tr> و / td> حتى يتم تجميع كل سطر.
24. 24 أغلق الجدول بعلامة / table>.
25. 25 أدخل نص HTML التالي كما تريد لبقية المستند.

نصائح

• مسافة بادئة من كل سطر حتى تتمكن من فهم ما تحاول القيام به في التعليمات البرمجية الخاصة بك.

تحذيرات

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