مفهوم الجدول
الجدول ( Table) يسمح لك بعرض المعلومات بشكل مرتب و مقسم لأعمدة و أسطر. في هذا الدرس ستتعلم كيف تنشئ جدول, كيف تضيف فيه أسطر, كيف تضيف فيه أعمدة و كيف تدمج الأعمدة و الأسطر مع بعضها. إضافة جدول في الصفحة
لعرض جدول في الصفحة نستخدم الوسوم التالية لبنائه بالشكل الذي نريده:
هو الوسم الأساسي الذي يجب أن تضعه لإعلام المتصفح أنك تريد عرض البيانات بداخل جدول.
تستخدمه لإضافة سطر في الجدول.
| تستخدمه لإضافة خانة في السطر تمثل عنوان, أي النص الذي تضعه فيها يظهر بخط عريض و في المنتصف.
| تستخدمه لإضافة خانة في السطر تمثل معلومة عادية, أي النص الذي تضعه فيها يظهر كنصر عادي. جدول من ثلاث خانات. معلومة تقنية
بشكل عام, الوسوم التي ذكرناها هي التي تحتاجها لبناء الجدول و لكن عليك معرفة أن استخدامها لوحدها لا يجعل الجدول يظهر بشكل جيد في المتصفح و سبب ذلك أن المتصفح لا يظهر أي خطوط بين أسطر و أعمدة الجدول من تلقاء نفسه و إنما أنت من يمكنه فعل ذلك سواء بإضافة بعض خصائص HTML للجدول أو بواسطة كود CSS الذي يمكن استخدامه مع الجدول. بالتأكيد CSS توفر لك إمكانيات هائلة لتصميم الجدول و لكن بما أننا ندرس و نركز على ما توفره لنا لغة HTML فقط, سنتطرق للخصائص التي توفرها لنا هي فقط.
- وش اسمك بالانجليزي عن
- وش اسمك بالانجليزي pdf
- وش اسمك بالانجليزي قصيرة
- وش اسمك بالانجليزي للاطفال
لان السيكوال سيرفر ينشأها بشكل تلقائي عند اخذ السكربت.
في المثال التالي قمنا بإضافة جدول يتألف من 4 أسطر و كل سطر فيه 3 خانات. مثال
ID |
Name |
Mark |
1 |
Mhamad Harmush |
A |
2 |
Rima Houssayni |
C |
3 |
Youssef Jabber |
B |
جرب الكود
خصائص الجدول
هناك ثلاث خصائص يمكنك إضافتها للعمود لجعله يظهر بشكل أفضل و هي التالية:
border يمكنك استخدامها لإظهار خطوط الجدول, الرقم الذي نعطيه لها يمثل حجم الخطوط التي سيتم وضعها بين الأسطر و الأعمدة. جدول فارغ من ثلاث خانات. width يمكنك استخدامها لتحديد عرض الجدول بنفسك بدل جعل المتصفح يفعل ذلك, الرقم الذي نعطيه لها يمثل عرض الجدول. height يمكنك استخدامها لتحديد طول الجدول بنفسك بدل جعل المتصفح يفعل ذلك, الرقم الذي نعطيه لها يمثل طول الجدول.
-- رأس الجدول -->
الناجحون | المستدركون | الراسبون |
الناجحون | المستدركون | الراسبون |
رشيد | علية | عبلة |
كمال | كريم | عابد |
غانم | جمال | رقية |
حميدو | خديجة | شهرزاد |
إعــلـم جـيِّـداً: يجب أن تعلم أنه لا يلزمك استخدام هذه العلامات الثلاث (،،) في جميع الجداول. ستستخدمها فقط إذا كانت الجداول كبيرة وتحتاج إلى تنظيمها بشكل أكثر وضوحاً. بالنسبة للجداول "الصغيرة" ، يمكنك بسهولة الإبقاء على الطريقة البسيطة التي اشتغلنا عليها في البداية.
إقرأ يضاً:
دمج خلايا الجداول في HTML
تغيير خلفيات الجداول على صفحات HTML
لا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء.
يمكن دمج خليتين أو أكثر في الصف نفسه أو العمود نفسه ضمن خلية واحدة. على سبيل المثال، يمكنك دمج عدة خلايا أفقياً لإنشاء عنوان جدول يمتد على أعمدة متعددة. حدد الخلايا التي تريد دمجها. ملاحظة: في حال عدم وجود حدود مرئية للخلايا في جدولك، قد تجد أن إظهار خطوط الشبكة قد يكون مفيداً. انقر فوق أدوات الجدول > تخطيط > عرض خطوط الشبكة. انقر بزر الماوس الأيمن فوق الخلايا المحددة، ثم انقر فوق دمج خلايا. هل تحتاج إلى مزيد من المساعدة؟
#مايك_خالد | سؤال للشارع السعودي | وش اسمك بالانجليزي ؟ - YouTube
وش اسمك بالانجليزي عن
@@ajهاااا وش طلعلك~! @@aj
لا تقراواااا وتشردواا:110103_po
يالله..
هبنا فرحاً تطيب به نفوسنا.. تتزن به لحضاتنا.. فرحاً يقوينا على الحياة ويجعل حمدك لا يفارق شفاهنا يا وهاب ♡#]
وااااايد حلوووو مشكورة
وجمعتهم طلعت شخصية كيـووووووت
خخخخخخخخخخخ
3
هههههههههههههههههههه
يا قارئ خطي لا تبكي على موتي
فاليوم أنا معك وغداً في التراب
فإن عشت فإني معك
وإن مت فاللذكرى! ويا ماراً على قبري لا تعجب
من أمري بالأمس كنت معك
وغداً أنت معي أمـــوت
و يـبـقـى كـل مـا كـتـبـتـــه
ذكــرى فيـا ليت كـل من قـرأ خطـي دعا لي:: حنين الذكرى:::$$e
4
المعنى مره فنتك خخخخ#e
يسلمووو ع الطرح
≈ ربــــــــــــــــي هَبنيْ نجآحـــــآً يــــحقّق مِـــــــــــــــــــطْلبي.... | ●°~. وش أسم النعناع بالإنجليزي ؟ - الروشن العربي. وآرِويِ قْلـــــــــــــــــــبيِ [ بـآلآ ⓜ ـنيآتٌ] ڪَ حِبآتُ المِطر
|... وآجِعلْنيِ مِمن لآ خِوُف ๕ ـــليِهمْ ولا هْم يِحزَنــــوُن
● ● ● ● ●
[SIGPIC][/SIGPIC]
ะ ●© ●ะ
[SIZE=1] ▌ ▌║▌│ آسِتغفر الل ه الذيِ لا اله الآ هُو واتوُب الِيه [SIZE=1] │ ║▌│ █
5
قـِلً: لـ آليديـِنَ اللي تبي " لمسّ يمناڪَ "
[ أيديڪَ] نآمـِتً فـِيً يدينـِيّ وً ذآبت.. '! 7
بنت الدوانيج
يسلمو الغلا لمرورك كل الشكر اخيتي
8
9
عب بيكون انتي ام الفنتك
10
11
12
هههههههههههههههههههاي
يسلموووووووو ع الموضوع... يلي ف حياته ما خاوى دفشين... ... في...... ذمتي م ذاق طعم الوناااسه... ~!
وش اسمك بالانجليزي Pdf
المواضيع الأخيرة » لأعضاء وعضوات وزوار هذا المنتدى... من صميم قلبي انا... السبت يوليو 30, 2011 6:19 pm من طرف ساحرة » احلى حركات رومنسيه بين الزوجين تعالو بسررررررررررعه الثلاثاء سبتمبر 21, 2010 6:44 am من طرف هدوء العواصف » اذا اردت ان تبقاء امام الشاشه سنين ولا تتاثر عينيك تفضل هنا الثلاثاء سبتمبر 21, 2010 6:28 am من طرف هدوء العواصف » اكتب اسمك بالإنجليزي وشوف وش راح يصير ، الثلاثاء سبتمبر 21, 2010 5:59 am من طرف هدوء العواصف » فصيلة دمك تدل على.... #مايك_خالد | سؤال للشارع السعودي | وش اسمك بالانجليزي ؟ - YouTube. شخصيتك!!!!
وش اسمك بالانجليزي قصيرة
الترجمات ايش اسمك؟
أضف
what is your name
Phrase
en
what is your name? إيقاف
مباراة
كلمات
وش اسمك بالانجليزي للاطفال
S. A|
تاريخ التسجيل: 07 - 08 - 2008
الدولة: المدينة المنورة
المشاركات: 250
معدل تقييم المستوى: 223
ههههه حلوة جدا
تسلم
التوقيع رحال العرب
" ألم تر أن الفلك تجري في البحر بنعمة الله ".
¸¸. ·¯`··. _. · مملكة ساحر ·. ··`¯·.
·`:: الأقسام الترفيهية:: مملكة الصرقعة انتقل الى: احصائيات هذا المنتدى يتوفر على 39 عُضو. آخر عُضو مُسجل هو حاحا12345 فمرحباً به. أعضاؤنا قدموا 1953 مساهمة في هذا المنتدى في 387 موضوع المتواجدون الآن ؟ ككل هناك 1 عُضو حالياً في هذا المنتدى:: 0 عضو مُسجل, 0 عُضو مُختفي و 1 زائر لا أحد [ مُعاينة اللائحة بأكملها] أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 16 بتاريخ الأحد يوليو 21, 2013 2:51 am هدية المنتدى برامج تهمك