انشاء موقع او مدونة الدرس الحادي عشر - EXE and APK انشاء موقع او مدونة الدرس الحادي عشر | EXE and APK

انشاء موقع او مدونة الدرس الحادي عشر

شارك:

الدرس الحادي عشر: المزيد حول الجداول عنوان الدرس "المزيد حول الجداول" يبدو مملاً بعض الشيء، لكن أنظر للجانب الإيجابي، إذا تمكنت من...

الدرس الحادي عشر: المزيد حول الجداول


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

ماذا بقي إذاً؟

خاصيتان هما colspan وrowspan تستخدمان لإنشاء جداول رائعة ومتقنة.
Colspan هي اختصار "column span"، Colspan تستخدم في الوسم <td> لتحدد عدد الأعمدة التي ستتمدد لها الخلية:
مثال 1:
 
<table border="1">
<tr>
<td colspan="3">Cell 1</td>
</tr>
<tr>
<td>خلية 2</td>
<td>خلية 3</td>
<td>خلية 4</td>
</tr>
</table>

سيظهر بهذا الشكل في متصفحك
خلية 1
خلية 2خلية 3خلية 4
بتحديد colspan بالقيمة "3" قامت الخلية في الصف الأول بالتمدد لثلاثة أعمدة، ولو قمنا بوضع "2" لقيمة colspan ستتمدد لعمودين اثنين، وسيتعين علينا إضافة خلية أخرى للصف الأول حتى تصبح الأعمدة متساوية
مثال 2:
 
<table border="1">
<tr>
<td colspan="2">خلية 1</td>
<td>خلية 2</td>
</tr>
<tr>
<td>خلية 3</td>
<td>خلية 4</td>
<td>خلية 5</td>
</tr>
</table>

سيظهر بهذا الشكل في متصفحك
خلية 1خلية 2
خلية 3خلية 4خلية 5

ما هي خاصية rowspan؟

كما ربما خمنت، rowspan تحدد عدد الصفوف التي ستقوم الخلية بالتمدد فوقها:
مثال 3:
 
<table border="1">
<tr>
<td rowspan="3">خلية 1</td>
<td>خلية 2</td>
</tr>
<tr>
<td>خلية 3</td>
</tr>
<tr>
<td>خلية 4</td>
</tr>
</table>

سيظهر بهذا الشكل في متصفحك
خلية 1خلية 2
خلية 3
خلية 4
في المثال أعلاه أعطينا الخاصية rowspan القيمة "3" للخلية 1، هذا يعني أن الخلية يجب أن تتمدد فوق ثلاث صفوف، الصف الذي تقع فيه الخلية مع صفين آخرين أسفلها، الخلية 1 والخلية2 التان تقعان في نفس الصف، بينما الخلية 3 والخلية أربع تشكلان صفين منفصلين.
هل تشعر بالحيرة؟ حسناً، الأمر ليس معقداً لكن من السهل أن تضيع في التفاصيل في بعض الأحيان، لذلك من الأفضل أن ترسم الجدول أولاً على الورق قبل أن تطبقه على HTML.
ربما لا تشعر بالحيرة، إذا قم بإنشاء جدولين واستخدام كل من colspan وrowspan بنفسك.

انشاء موقع او مدونة الدرس الثاني عشر

تعليقات

الاسم

الأكواد السرية,284,الربح من الانترنت,177,ألعاب,68,الفيسبوك,78,القنوات التلفزية,75,الكتب الالكترونية,171,انشاء خريطة مدونة,152,برامج البورتابل,199,برامج الطبيعة,13,برامج حماية,253,برامج فيديو,421,برامج مهمة,994,تصميم شعار,307,تطبيقات اندرويد,211,تعريفات,56,جديد,344,صيانة,575,مراجعة هواتف,159,ويندوز,23,
rtl
item
EXE and APK: انشاء موقع او مدونة الدرس الحادي عشر
انشاء موقع او مدونة الدرس الحادي عشر
https://3.bp.blogspot.com/-6MnakDYRqfg/V4tmAX4jLOI/AAAAAAAAARs/MLlFLfV8QggYmL8vZq_OKGQXhiQL8TWXwCEw/s1600/%25D8%25AA%25D9%2586%25D8%25B2%25D9%258A%25D9%2584%2B%25281%2529.jpg
https://3.bp.blogspot.com/-6MnakDYRqfg/V4tmAX4jLOI/AAAAAAAAARs/MLlFLfV8QggYmL8vZq_OKGQXhiQL8TWXwCEw/s72-c/%25D8%25AA%25D9%2586%25D8%25B2%25D9%258A%25D9%2584%2B%25281%2529.jpg
EXE and APK
https://www.exe-apk.com/2016/07/blog-post_81.html
https://www.exe-apk.com/
https://www.exe-apk.com/
https://www.exe-apk.com/2016/07/blog-post_81.html
true
623171582290320563
UTF-8
تحميل جميع المشاركات لم يتم العثور على المقالة عرض الكل قراءة المزيد رد إلغاء الرد حذف بواسطة الصفحة الرئيسية صفحات المشاركات عرض الكل مقالات ربما تهمك أيضاً وسم أرشيف بحث جميع المشاركات لم يتم العثور على أي مشاركة تطابق مع طلبك العودة إلى الرئيسية الأحد الإثنين الثلاثاء الأربعاء الخميس الجمعة السبت الأحد الإثنين الثلاثاء الأربعاء الخميس الجمعة السبت January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec في هذة اللحظة منذ 1 دقيقة $$1$$ minutes ago منذ 1 ساعة $$1$$ hours ago الأمس $$1$$ days ago $$1$$ weeks ago منذ أكثر من 5 أسابيع متابعون إتبع THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network نسخ كل رمز اختر كل الكود تم نسخ جميع الرموز إلى الحافظة الخاصة بك لا يمكن نسخ الرموز / النصوص ، يرجى الضغط على [CTRL] + [C] (أو CMD + C مع Mac) لنسخ