جدول HTML - 3
جديد دعونا ننفذ ما ناقشناه. دعنا نضيف جدول 500 بكسل إلى ملف Template5.html. نريد أن يحتوي الجدول على ثلاثة صفوف ، مربع واحد داخل كل صف ، وحد عرضه 1 بكسل ، والمحتويات الموجودة داخل الخلايا يتم توسيطها. بعد قيامك بإنشاء الجدول ، انقل "Hello World" داخل الخلية العليا (الصف 1 - الخلية 1). ثم انقل علامات الخطوط و "أدخل هنا" إلى الخلية في الصف الثاني (الصف 2 - الخلية 1). أخيرًا اترك الصف 3 - الخلية 1 فارغًا. افتح الملف Template5.html في محرر النصوص الخاص بك ، أضف التعليمات البرمجية التالية واحفظ الملف الجديد باسم Template6.html.

الجدول - شفرة المصدر





مرحبا بالعالم

أدخل
هنا


ملحوظة--السهم يشير إلى أن الكود ملفوف في السطر الثاني ويجب أن يكون كل شيء في سطر واحد.

Template6.html - شفرة المصدر


مرحبا بالعالم









مرحبا بالعالم

أدخل
هنا




ملحوظة--السهم يشير إلى أن الكود ملفوف في السطر الثاني ويجب أن يكون كل شيء في سطر واحد.

افتح الآن Template6.html في متصفح الويب الخاص بك وألق نظرة على الجدول الجديد. قد ترغب في وضع إشارة مرجعية لهذا البرنامج التعليمي. سنقوم بإنشاء العديد من الجداول خلال المقالات العديدة التالية. يمكنك متابعة تجربة الجدول عن طريق إضافة أزواج السمة / القيمة لكل علامة وإزالتها. عند الانتهاء من ذلك ، ضع الرمز في Template6.html مرة أخرى على الرمز أعلاه واحفظه مرة أخرى.

← رجوع

|



تعليمات الفيديو: Learn Html in Arabic #16 - Table Part 3 - Control the Table Columns (مارس 2024).