انشاء الجداول وتنسيقها : html دروس

السلام عليكم ورحمة الله تعالى وبركاته زوارنا الكرام اجدد الترحاب بكم واتمنى ان تكونوا بالف خير سوف يكون موضوع درسنا اليوم حول انشاء الجداول في لغة html هذه الاخيرة يعد استخدامها في تصميم الصفحات هو سر جمالها ادن لنتعرف على كيفية ادراج الجداول .

سنحتاج لتعرف على اكثر من وسم يستخدم لهذا الغرض 
الوسم الاول هو <table>  وهذا هو وسم بداية الجدول ويحتاج لوسم النهاية <table/>  وياخد المتغيرات الموضحة في الجدول التالي:

 الوصف    المتغير
 يحدد هذا المتغير لون خلفية الجدول  bgcolor
 هذا المتغير يسمح بتحديد حجم الجدول من حيث العرض width
 هذا المتغير يسمح بتحديد حجم الجدول من حيث الطولheight
 هذا المتغير يضيف اطار خارجي للجدولborder







الوسم الثاني هو <tr>  هذا الوسم يشير الى بداية صف في الجدول ويحتاج الى وسم نهاية <tr/>
الوسم الثالث هو<td>  هذا الوسم يشير الى بداية خلية في الجدول ويحتاج الى وسم نهاية <td/>
المثال التالي سيوضح كل هذه الوسوم ان شاء الله و ستجد ان الامر سهل جدا:

لمشاهدة الصورة بشكل واضح المرجوا الضغط عليها



وهذه هي النتيجة


ماذا يمكن أن أضع في الجداول؟

نظرياً يمكن أن تضع أي شيء في الجداول، النصوص والصور والروابط، لكن الجداول مخصصة لعرض البيانات مجدولة،، لذلك لا تستخدمها لوضع أي شيء لأنك تريد ببساطة أن تجعل الأشياء تظهر بجانب بعضها البعض،.
قبل سنوات معدودة كانت الجداول تستخدم غالباً كأداة للتصميم، لكن إذا أردت أن تتحكم بطريقة عرض النصوص والجداول هناك طريقة أفضل بكثير (تلميح: CSS) 
الآن قم بتطبيق ما تعلمته وصمم عدداً من الجداول بمختلف القياسات ومختلف الخصائص والمحتويات، هذا يمكن أن يبقيك مشغولاً لساعات.


واتمنى ان اكون قد استطعت ان اقدم الشرح بطريقه سهله وبسيطه ومفهومه .. واى استفسار انا موجود .. 

عن الكاتب :

اسم الكاتب

وصف مختصر عن الكاتب

‹ التدوينة السابقة التدوينة التالية ›

تدوينات ذات صلة

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)

468x60 Ads

j

تابعنا على الفيسبوك

Slider(Do not Edit Here!)

Ads 468x60px

Social Icons

المتابعون

المحترف

5

Featured Posts

إجمالي مرات مشاهدة الصفحة

Template information

برامج الحماية

برامج

أرشيف المدونة الإلكترونية

Movie Category 5

Movie Category 4

5

Site translated into any language

4

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

المتواجدين

يتم التشغيل بواسطة Blogger.

بحث هذه المدونة الإلكترونية

المشاركات الشائعة

المشاركات الشائعة

المشاركات الشائعة