[دورة برمجة السكربتات]: Html (الدرس السابع)

DeletedUser

Guest
145719834960951.png



بسم الله الرحمن الرحيم
اما بعد



وصلنا اليوم لاخر درس في دورة ال "HTML",
درس اليوم بيكون طويل شوية وبيشمل بمحتواه الكثير.


مصطلحات بنتعلمها:

حقل نصيinput - text
دائرةinput - radio
زرinput - button
مربعinput - checkbox
حقل نصي كبيرtextarea
اختياراتselect
خيار من الاختياراتoption


اسف على الترجمة, لكن ماعرف المعاني العربية 100%

نبدأ بالشرح.


اول شي نعطيكم نبذة عامة عن معنى المصطلحات هذي.

نروح الرابط هذا


الرابط هذا يشمل على ال 4 انواع الرئيسية.

(1) حقل نصي
[SPOIL] [/SPOIL]


(2) دائرة
[SPOIL] [/SPOIL]


(3) حقل نصي كبير
[SPOIL] [/SPOIL]


(4) زر
[SPOIL] [/SPOIL]


طيب نبدأ بالدرس.

عشان تسوي اي وحدة من اللي فوق, نستعمل الامر التالي:
PHP:
<input type='نضع النوع هنا' />

والانواع مثل ماشفنا فوق, تحط اي وحدة

text = حقل نصي
button = زر
radio = دائرة
checkbox = مربع

مثال:

PHP:
<input type='text' />
PHP:
<input type='button' />
PHP:
<input type='radio' />
PHP:
<input type='checkbox' />


طبعا واضح وبسيط. صح؟

طيب الحين ايش هو ال "<textarea>" ?

هو وظيفته نفس ال <input type=text>

لكن الفرق بينهم ان التكست اريا, اكبر وفيها سطور اكثر. اما اول وحدة تعلمناها سطر واحد فقط.

,،

الحين ننتقل للجزء الاخير من الشرح, تاغ ال " <select>"
وهي عبارة عن اختيارات انت تختار واحد منها

مثال:
[SPOIL] [/SPOIL]


كيف نسويه؟ من خلال استعمال تاغ "<OPTION>"
PHP:
<select>
<option>الخيار الاول</option>
<option>الخيار الثاني</option>
<option>الخيار الثالث</option>
</select>


الى هنا وصلنا الى نهاية الدرس السابع في الدورة

- للتطبيق والمشاركة -

على كل مشترك ان يوم بحفظ الاكواد اللي مذكورة اعلاه.
حفظ مثل اسمك :$


اختم بمقولة ابو رهف, لآتقفٌ فيُ آلدورة آلحآلية بلُ قمُ بزيآرة الموقع الشهير يوتيوب للآطلاعُ علىُ كلُ مآهوُ جديد ومفيد َوقمُ بتطويرُ خبرتكُ

نقبل الاسئلة في التعاليق + سكايب: live:6kr

[ .. النهاية .. ]


 

DeletedUser

Guest
تطبيق الدرس ينقصه بعض التنظيم فقط
[SPOIL] [/SPOIL]

PHP:
<html>
<head>
<title>Night-Fury</title>
<style>
body{ 
     background-color:#696969; 
}
h2{
 text-align:center;
  color:navy;
   text-decoration:underline;
    font-weight:bold;
}
h3{
  text-align:center;
 color:teal;
   text-decoration:italic;
    font-weight:bold;
}
</style>
<div style=background-color:black;padding:20px><center style=color:white><img src="4.png"></center></div> 
</head>
<body>
<center><img src="1.png"/>
<h2>بسم الله الرحمن الرحيم</h2>
<h3>السلام عليكم</h3>
<b> هدا تطبيقي للدرس السابع </b>
<table style="border: 2px black">
<tr>
<td style="border: 2px solid black">
<p>اسم المستخدم</p>
</td>
<td style="border: 2px solid black">
<input type='text' />
</td>
</tr>
<tr>
<td style="border: 2px solid black">
<p>كلمة المرور</p>
</td>
<td style="border: 2px solid black">
<input type='text' />
</td>
</tr>
</table>
<br>
<select>
<option>العالم الاول</option>
<option>لعالم الثاني</option>
<option>العالم الثالث</option>
</select>  
<button type="button">تسجيل الدخول</button>
<input type="radio"> choice1</radio> 
<input type="radio"> choice2</radio>
<br>
<input type="checkbox"> تذكرني</checkbox>

</center>

</body>
<br>
<br>
<br>
<br>

<div style=background-color:black;padding:20px id='id'><center style=color:white>© 2003 - 2016 InnoGames GmbH · النشر · خصوصية البيانات · القواعد و القوانين · RSS</center></div> 
</html>
 

DeletedUser

Guest
تطبيق الدرس ينقصه بعض التنظيم فقط
[SPOIL] [/SPOIL]

PHP:
<html>
<head>
<title>Night-Fury</title>
<style>
body{ 
     background-color:#696969; 
}
h2{
 text-align:center;
  color:navy;
   text-decoration:underline;
    font-weight:bold;
}
h3{
  text-align:center;
 color:teal;
   text-decoration:italic;
    font-weight:bold;
}
</style>
<div style=background-color:black;padding:20px><center style=color:white><img src="4.png"></center></div> 
</head>
<body>
<center><img src="1.png"/>
<h2>بسم الله الرحمان الرحيم</h2>
<h3>السلام عليكم</h3>
<b> هدا تطبيقي للدرس السابع </b>
<table style="border: 2px black">
<tr>
<td style="border: 2px solid black">
<p>اسم المستخدم</p>
</td>
<td style="border: 2px solid black">
<input type='text' />
</td>
</tr>
<tr>
<td style="border: 2px solid black">
<p>كلمة المرور</p>
</td>
<td style="border: 2px solid black">
<input type='text' />
</td>
</tr>
</table>
<br>
<select>
<option>العالم الاول</option>
<option>لعالم الثاني</option>
<option>العالم الثالث</option>
</select>  
<button type="button">تسجيل الدخول</button>
<input type="radio"> choice1</radio> 
<input type="radio"> choice2</radio>
<br>
<input type="checkbox"> تذكرني</checkbox>

</center>

</body>
<br>
<br>
<br>
<br>

<div style=background-color:black;padding:20px id='id'><center style=color:white>© 2003 - 2016 InnoGames GmbH · النشر · خصوصية البيانات · القواعد و القوانين · RSS</center></div> 
</html>

هههههههههههه تطبيع رائع حبيبي,
لكن كلمة [ الرحمن ] كاتبها غلط انت
 
أعلى