هو بداية ونهاية الجدول بحيث يحتوي على جميع الصفوف والاعمدة الخاصة بالجدول. و الرمز هو اختصار لصف الجدول table row وهو يحتوي على صف بأكمله ويوضع لإقفال الصف.وبداخل كل صف فانه توضع خلايا وكل خلية تبدأ بالرمز وتنتهي كل خلية بالرمز
سلسلة القرية الالكترونية لتعليم النشر على الانترنت
تعلم معنا لغة html للمحترفين
* اعداد: د.عثمان السلوم
في الحلقات السابقة تحدثنا عن الرموز الأساسية لتصميم الصفحات العربية وكيفية إضافة الفقرات والعناوين الرئيسية والقوائم النقطية والرقمية و كذلك الرموز المنطقية والشكلية وإضافة الوصلات وإضافة الألوان للخلفية وللنصوص وإضافة الصور كخلفيات للصفحة. وإضافة الصور للصفحة وكيفية نسخ الخلفيات والصور من الانترنت والتحكم في حجم الصور وتنسيقها في الصفحة ونسيق النص مع الصورة. وفي هذه الحلقة نواصل الحديث عن إضافة الجداول وتنسيقها.
إضافة جدول Adding a table
والرموز التي سنستخدمها في هذا الجزء هي كما في الجدول الاول.فلإنشاء جدول في الصفحة التي نحن بصددها فإنه يمكن استخدام الرموز و و و ونستخدم و و ولإنهائه حسب الترتيب اذ إن الرمز
وهي اختصار لبيانات الجدول table data او خلية واحدة بينما نحتاج الرمز
وهو اختصار لكلمة رأس الجدول )table header( ولوضع رأس العمود أو عدة اعمدة. مع العلم أن الرموز
و
يمكن أيضا أن تحوي تنسيق align بينما تستخدم span للتحكم في عدد الأعمدة التي يكون لها رأس واحد أو عنوان واحد، فمثلا بإمكانك ان تضع عنوانا فوق ثلاثة اعمدة بعدما كانت عنواناً فوق عمود واحد كالآتي:
ولنفترض انك بصدد وضع جدول عبارة عن عمودين وصفين فستكتب في كل خلية اسم العمود واسم الصف وكذلك "المحتويات "ليكون عنوانا فوق هذه الاعمدة او الخلايا. فانك تكتب الرموز في المفكرة كالآتي:
colspan=2> المحتويات الصف الاول والعمود الاول الصف الاول والعمود الثاني الصف الثاني والعمود الاولالصف الثاني والعمود الثاني وسيكون شكلها في المفكرة كما في الصورة رقم )1(.وبالنظر الى شكل الصفحة باستخدام الانترنت اكسبلورر فانها ستكون كما في الصورة الثانية.وكذلك يمكن استخدام التنسيق align لتنسيق الكتابة داخل كل خلية فمثلا لجعل الكتابة في الجهة اليمنى من الخلية تضيف الرمز التالي:
كما بالامكان تنسيق كامل الجدول في الصفحة باستخدام align في الوسط او الجهة اليمنى والجهة اليسرى. فمثلا اذا اردت ان تضع الجدول في الجهة اليسرى بدلا من اليمنى فمن الممكن ان يوضع بداية الفقرة كالتالي:
ولجعل الكتابة في الوسط تضعcenter . وكذلك يمكن استخدام العناوين الرئيسة مثل
والصور داخل كل خلية وكذلك التحكم في إظهار أو اخفاء البرواز الخارجي للجدول، فمثلا لاظهار البرواز الخاص بالجدول وجعله مرئيا فانك تستخدم الرمز border داخل الرمز الخاص بالجدول table.
وبالامكان التحكم في حجم الجدول باستخدام الرمز hight والرمز width.
البراويز والمسافات
حول الصور والجداول
Borders and spaces around images and tables
والرموز التي سنستخدمها في هذا الجزء هي كما في الجدول الثاني. وسنستخدم الرمز border vspace , hspace داخل الصفحة لتحديد البراويز والمسافات حول الصور والجداول. ولوضع برواز بعرض يساوي 2 بكسل Pixels حول صورة الحرم السابقة فإنه يمكن كتابة الرمز السابق وإضافة الرمز "2"=border إليه وسيكون الرمز كالتالي:<...border="2">
وهكذا. ولنفترض انك تريد ان تضع برواز بعرض 10 بكسل حول صورة جريدة الجزيرة والتي وضعتها سابقا كوصلة فان الرمز التالي يمكن ان يوضع داخل الرمز الخاص بالوصلة كما يلي:
كما انه لو افترضنا انك تريد ان تضع البرواز الخاص بالجدول السابق بعرض 10 بكسل وعرض الجدول يساوي 300 بكسل. فان الرمز التالي يمكن ان يوضع داخل الرمز الخاص بالجدول كالتالي:، وبالنقر على زر التحديث فانك ستلاحظ أن برواز كل من الصورة و كذلك الجدول صار عريضا جدا كما في الصورة رقم )4(,ونواصل الحديث في الحلقة القادمة ان شاء الله.