الإعلام الآلي — HTML: إنشاء الجداول والنماذج — الأولى ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري

HTML: إنشاء الجداول والنماذج

HTML (HyperText Markup Language) هي لغة ترميز تستخدم لإنشاء صفحات الويب. في هذا الدرس سنتعلم إنشاء الجداول والنماذج في HTML.

إنشاء الجداول في HTML

يتم إنشاء الجدول باستخدام الوسوم التالية:
– <table>: تعريف الجدول
– <tr>: سطر جديد (table row)
– <th>: خلية رأس (table header)
– <td>: خلية بيانات (table data)

مثال

<table border=”1″>
<tr>
<th>الاسم</th>
<th>العمر</th>
<th>المعدل</th>
</tr>
<tr>
<td>أحمد</td>
<td>17</td>
<td>16.5</td>
</tr>
<tr>
<td>سارة</td>
<td>16</td>
<td>18.2</td>
</tr>
</table>

دمج الخلايا

colspan = n: دمج n عموداً.
rowspan = n: دمج n سطراً.

إنشاء النماذج (Forms)

<form action=”معالجة.php” method=”post”>
<label>الاسم:</label>
<input type=”text” name=”name”><br>
<label>البريد:</label>
<input type=”email” name=”email”><br>
<label>الجنس:</label>
<input type=”radio” name=”gender” value=”male”> ذكر
<input type=”radio” name=”gender” value=”female”> أنثى<br>
<input type=”submit” value=”إرسال”>
</form>

تمارين

1. أنشئ جدولاً يعرض جدول الحصص الأسبوعي (5 أيام × 4 حصص).
2. أنشئ نموذج تسجيل يحتوي على: الاسم، البريد الإلكتروني، كلمة المرور، تاريخ الميلاد، الجنس، والزر إرسال.
3. أنشئ جدولاً بدمج الخلايا باستخدام colspan و rowspan.
4. أضف قائمة منسدلة (select) في نموذج لاختيار الولاية.

للاستزادة، راجع درس HTML: أساسيات إنشاء صفحات الويب ودرس HTML و CSS: أساسيات إنشاء صفحات الويب.