هذا الدرس من أهم الدروس فس لغة HTML لأنه مدخل لجميع الدروس القادمة إن شاء الله.
ماهي الخصائص Attributes
الخصائص هي معلومات إضافية تضاف لعناصر HTML ، ونضيفها لوسم البداية دائماً ، وهي مكونة من جزئين ، اسم الخاصة و قيمتها بهذه الصورة :
name = “wael”
أمثلة على الخصائص
سنورد ثلاث أمثلة هنا مع أمثلة حية وشرح لكل مثال لتتضح الصور بشكل اكبر.
المثال الأول :
الوسم <h1> هو وسم بداية عنوان والوسم <p> هو وسم فقرة نص كما تعلمنا ذلك سابقاً ، يمكن أن نضيف لهما خاصية المحاذاة وتسمى align ، وخاصية المحاذاة لها ثلاث قيم هي يمين right ويسار left و وسط center .
وطريقة إضافة خاصة المحاذاة للوسط أو اليمين أو اليسار ستكون بالشكل التالي:
<p align=”right”>فقرة مع خاصية المحاذاة لليمين</p> <p align=”right”>فقرة مع خاصية المحاذاة لليمين</p>
نلاحظ أنه في السطر الأول تم تعريف عنوان كبير وتوسيطة ، وفي السطر الثاني تم عمل فقرة ومحاذاتها لليمين.
[ويمكن مشاهدة ناتج ذلك من المثال التالي]
المثال الثاني :
<body bgcolor=“yellow”> <h1 align=“right”>صفحة بخلفية ملونة باللون الأصفر</h1> <h3 align=“left”>عنوان مع محاذاة لليسار</h3> </body>
نلاحظ في المثال السابق إضافة خاصة جديدة لوسم جسم الصفحة <body> وهذا الوسم الخاص بطريقة عرض الصفحة ، وقد أضفنا له خاصية باسم bgcolor وهي خاصية لون الخلفية ، ووضعنا قيمة لها وهي yellow ، أي أن لون خلفية الصفحة هو الأصفر.
[ويمكن مشاهدة ناتج ذلك من المثال التالي]
المثال الثالث :
<h3 align=”right”>مثال جدول مع بعض الخصائص</h3> <table align=”right” border=”1″ width=”500px”> <tr><td>جدول</td></tr> </table>
في هذا المثال لدينا شيء جديد وهو الجدول ويبدأ بـ <table> وسنتطرق للجداول في دروس قادمة ، لكن ما يهمنا الآن هو الخصائص المضافة له في هذا المثال ، وهي وهي ثلاث خصائص خاصية align وعرفنا وضيفتها من الأمثلة السابقة ، والخاصة الثانية هي border وهي خاصية مقاس الحد الخارجي للجدول ووضعنا له قيمة 1 هنا ، والخاصية الثالثة هي خاصية عرض الجدول width وهو هنا بقيمة 500 بيكسل.
[ويمكن مشاهدة ناتج ذلك من المثال التالي]
أتمنى يكون الدرس مفيد ، واي اسئلة واستفسارات اتمنى طرحها هنا 
وائل الغامدي
9:01 م في سبتمبر 20th, 2008
خيركم للناس انفعكم للناس
10:52 م في سبتمبر 24th, 2008
دروس جميلة جداً في لغة HTML
منتظر باقي الدروس بإذن الله
5:17 ص في نوفمبر 14th, 2008
جزاااااااك الله خير يارب …
والله اني كنت ادور على هذي اللدروس بس للأسف مالقيت عنها او لقيت بس نبذة مختصرة مافهمت منها شيء..
لكن ماشاء الله تبارك الله والله حسستني كأني في معهد وتشرحلي بالبروجكتر الدروس واحده واحده …
الحمد لله اني فهمت الفكرة والخلاصه من موضوع html الي كان مرة محيرني ونفسي افهمه..
الحين اعتقد انه بس باقي الحفظ والممارسه…لازم احفظ الوسوم وادرب عليها علشان ماانساها …
ياريت والله تكمل الدروس …
محتاجاها كثير …ابي اسوي موقع بإذن الله بس ابي اتقوى بالنت اكثر…
جزاك ربي كل خير ….
بانتظار المزيد من الدروس
1:19 ص في فبراير 7th, 2009
يعطيـــك العافيــــه اخي العزيز .. شـــرح ولا اروع .. وجزاك الله خيراً
5:33 م في مارس 6th, 2009
اتمنى تكمل بقية دروس الـ HTML
لتكون دروسك بإذن الله مدخل لنا لتعلم لغات برمجة اخرى
و جزاك الله خيرا وبارك فيك
8:03 م في مارس 20th, 2009
ربي يعطيك العافيه
ماقصرت كفيت ووفيت
تقبل مني اجمل وأرقى تحيه
8:52 م في سبتمبر 5th, 2009
جزآك الله خير ..
6:59 م في سبتمبر 12th, 2009
شكراا
مافي خلاصة
3:01 م في ديسمبر 5th, 2009
منتظرين الدرس القادم بفارغ الصبر
الله يعطيك العافية … دروسك مره واضحة ومفيدة
تقبل مروري
9:55 ص في أبريل 28th, 2010
السلاام عليكم
يعطيك العافيه
بس يالغاالي انا ابي الحين أعرف هل الـ HTML لها برنامج خاص فيها والى تقدر تسويها من الأنترنت ..؟
وياليت أحد يجااوبني سوااء كان وائل أو غيره
أشواقي ^_^