جاري تحميل ... ساحر الملاعب للمعلوميات

إعلان الرئيسية

المتابعون

أخبار ساخنة

إعلان في أعلي التدوينة

دورة html

دورة Html. الدرس السادس كود الجداول وكود النماذج

شرح وسوم وأكواد الجداول والنماذج في ال HTML



الدرس السادس

أولا : - كود الجداول في HTML

إستخدام الجداول في HTML وهي يتم وضعها في ال <body>


أولا نقوم بفتح ملف العمل ++Notepad 


ويتم وضع الجداول بين علامة الفتح <table>

وعلامة الغلق <table/>

ثم نضع باقي الكود هكذا


<"&table border="1" align="center" width="100>

بعد ذلك نضع وسم الصفوف <tr></tr>

بعد ذلك نضع وسم الخلايا الموجودة داخل  الصفوف <td></td>


ويتم وضع الأكواد هكذا كما في الصورة الآتية 



وحتى نضيف صفوف أخرى وخلايا أخرى كرر وسم ال <tr></tr> وال <td></td>


وتضاف هكذا كما في الصورة الآتية 




بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا



ثانياً : - كود إمتداد الصف في الجداول في HTML

<td/>< إعدادات الموقع"2"=td colspan>

من الممكن أن تغير الرقم 2 إلى 3 أو 4 أو 5 كما تحب أن يكون إمتداد الصف . أيضا تستطيع تغيير كلمة إعدادات الموقع بأي إسم تريده 

بصفة عامة جميع أسماء النصوص والأرقام تستطيع أن تتحكم فيها وتغيرها كما تريد  ٠


وتضاف هكذا كما في الصورة الآتية



بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا




ثالثاً : - كود النماذج في HTML


إستخدام النماذج في ال HTML وهي يتم وضعها في وسم ال <body> قبل ال <table>  وبعده <table/>

تضع هذا الكود الآتي قبل وسم ال <table>


<"عنوان الصفحة "=form action="Get or post " method>

Method  المقصود بها عنوان الصفحة التي تريد إرسال البيانات لها 

action  المقصود بها الطريقة التي تريد بها إرسال الصفحة 

ويتم وضع الكود هكذا 



رابعاً : - كود نموذج إسم الموقع بإستخدام TEXT في HTML


تقوم بإضافة الكود التالى بين وسم ال <td></td>

<td><input name="" type="TEXT" value="" /></td>


type المقصود بها الطريقة ومنها TEXT - password

value المقصود بها إسم الموقع سواء فيس بوك تويتر شركة مطعم  مجلة أي إسم تريده

ويتم وضع الكود هكذا






بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا




خامسا : - كود نموذج كلمة السر password  في HTML



<td><input name="" type="password" value="" /></td>



ويتم وضع الكود هكذا




بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا




سادسا : - كود نموذج  بإستخدام نوع الجنس في HTML


كود نوع الجنس سوف تضيف الكود مرتين بجانب بعضهم البعض مرة تذكر فيه كلمة رجل والمرة الثانية تذكر فيه كلمة إمرأة ونضيف كلمة radio بدل كلمة passwrd أو بدل كلمة text

- رجل </""=td><input name="" type="radio" value>

باقي الكود 
<td/>- إمرأة </""=input name="" type="radio" value > 


ويتم وضع الكود هكذا



بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا



سابعا : - كود نموذج بإستخدام checkbox في HTML



كود ما رأيك في الموقع سوف تضيف الكود مرتين بجانب بعضهم البعض مرة تذكر فيه كلمة جيد والمرة الثانية تذكر فيه كلمة ضعيف ونضيف كلمة checkbox

 بدل كلمة passwrd أو بدل كلمة text

جيد </""=td><input name="" type="checkbox" value>

باقي الكود 
<td/>- ضعيف </""=input name="" type="checkbox" value > 



ويتم وضع الكود هكذا



بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا




ثامنا : - كود نموذج  بإستخدام نبذة عنك  textarea في HTML


<td><textarea rows="10" cols="50"</textarea>/td>




ويتم وضع الكود هكذا



بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا



تاسعا : - كود نموذج حالة الموقع بإستخدام select  في HTML



ويتم وضع هذا الكود هكذا


<tr>

<td/>حالة الموقع<td>

<td>

<"" =select name>

<option/> مفتوح<"1" =Option value>

<option/> مغلق <"2" =Option value>

<td/>

<tr/>





بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا



عاشرا : - كود نموذج زر الإرسال أو حفظ البيانات في HTML

نفتح جدول جديد  <tible></tible>

<td><input name="" type="submit" value="save" /></td>



ويتم وضع هذا الكود هكذا



بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك  هكذا



وهكذا نكون إنتهينا من هذا الدرس


الوسوم:

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

إرسال تعليق

إعلان أسفل المقال