منتديات كــــــل شـــيء
اهلا وسهلا بكم جميعا في منتديات كل شيء
يمكنم متابعة لمنتدى ومشاهدة كل جديد بالضغط على اخفاء
وكذالك يمكن للاعضاء الدخول عن طريق زر الدخول..
ويشرفنا زوارنا الاحباء بالتسجيل في منتدانا الغالي بالضغط على تسجيل..
ارجو لكم قضاء وقت ممتع
شكرا لزيارتكم.
منتديات كــــــل شـــيء
اهلا وسهلا بكم جميعا في منتديات كل شيء
يمكنم متابعة لمنتدى ومشاهدة كل جديد بالضغط على اخفاء
وكذالك يمكن للاعضاء الدخول عن طريق زر الدخول..
ويشرفنا زوارنا الاحباء بالتسجيل في منتدانا الغالي بالضغط على تسجيل..
ارجو لكم قضاء وقت ممتع
شكرا لزيارتكم.


منتدى عام متخصص في كل المجالات للتسلية والفائدة
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
متساوية
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
نظافة عامة ورش مبيدات 0546591817 الزامل
رش مبيدات للحشرات والنظافة العامة الزمل 0548326220
افضل شركات النظافة ونقل الاثاث والمقاولات 0546591817 الضمان
رش مبيدات للحشرات والنظافة العامة الزمل 0548326220
افضل شركات النظافة ونقل الاثاث والمقاولات 0546591817 الضمان
نقل اثاث داخل وخارج المملكة 0599548223 الهلال
نقل اثاث داخل وخارج المملكة 0599548223 الهلال
افضل شركات النظفة ونقل الاثاث والمقاولات 0546591817 الضمان
الزامل لنقل الاثاث والنظافة العامة 0546591817
ستايل احترافي بالتومبيلات
الثلاثاء أكتوبر 30, 2012 6:54 am
الثلاثاء أكتوبر 30, 2012 6:53 am
الثلاثاء أكتوبر 30, 2012 6:53 am
الأحد أكتوبر 21, 2012 7:09 am
الأحد أكتوبر 21, 2012 7:09 am
الأحد أكتوبر 21, 2012 7:08 am
السبت أكتوبر 20, 2012 7:27 am
السبت أكتوبر 20, 2012 7:25 am
السبت أكتوبر 20, 2012 7:24 am
الثلاثاء أكتوبر 09, 2012 11:57 am










متساوية


شاطر | 
 

 الدرس السابع: الخصائص

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Mr-Veecos
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 299
نقاط : 9998
نقاط التقيم نقاط التقيم : 5
تاريخ الميلاد : 18/02/1990
تاريخ التسجيل : 07/11/2011
العمر : 34

الدرس السابع: الخصائص   Empty
مُساهمةموضوع: الدرس السابع: الخصائص    الدرس السابع: الخصائص   I_icon_minitimeالإثنين نوفمبر 14, 2011 12:45 pm

هناك خصائص يمكنك أن تستخدمها لمعظم العناصر

ما هي الخاصية؟

أنت تتذكر أن العناصر تعطي هيكلية لصفحة HTML وتخبر المتصفح كيف تريد لموقعك أن يظهر، كمثال <br /> تخبر المتصفح أن يقوم بنقل ما بعدها من نص إلى سطر جديد، في بعض العناصر يمكنك أن تضيف المزيد من المعلومات، هذه المعلومات تسمى خصائص.

مثال 1:

اقتباس :
<h2 style="background-color:#ff0000;">My friendship with HTML</h2>

الخصائص تكتب دائماً بنفس الطريقة، فهي تبدأ باسم الخاصية ثم يتبعها علامة يساوي "=" ثم قيمة الخاصية، الفاصلة المنقوطة في المثال تستخدم فقط في خاصية "style" ووظيفتها الفصل بين أوامر مختلفة، سنتحدث عن ذلك في وقت لاحق.

هناك خصائص كثيرة ومختلفة، سنتعلم أولاً واحدة منها وهي style، والتي يمكن استخدامها لإضافة تصميم لموقعك. فمثلاً يمكن إضافة لون خلفي للصفحة:

مثال 2:
اقتباس :

<html>

<head>
</head>

<body style="background-color:#ff0000;">
</body>

</html>

هذه الخاصية ستجعل لون الصفحة أحمرا، انظر بنفسك، سنشرح أكثر عن الألوان في وقت لاحق.

لاحظ أن كتابة الوسوم والخصائص يجب أن تكون بالتهجأة الأمريكية، (مثال: color بدلاً من colour)، من المهم أن تكون منتبهاً عند كتابتك للأوامر وتستخدم نفس التهجأة التي تراها في الأمثلة وإلا فلن يعرض المتصفح صفحاتك بطريقة صحيحة.

كيف أصبحت الصفحة حمراء؟

في المثال أعلاه وضعنا قيمة "#ff0000" للون خلفية الصفحة، هذا الرقم يشير إلى اللون الأحمر، وهو يعتمد نظام عد سداسي عشر، ويسمى بالإنجليزية HEX، كل لون له رقم خاص وهذه بعض الأمثلة:

أبيض: #ffffff
أسود: #000000
أحمر: #ff0000
أزرق: #0000ff
أخضر: #00ff00
أصفر: #ffff00

نظام أرقام الألوان يأتي بشكل واحد، فهو يبدأ بعلامة # ثم ستة أرقام أو أحرف، هناك أكثر من ألف رقم للألوان وليس من السهل تذكر إلى أي لون يشير أي رقم، ولكي نبسط الأمر عليك، قمنا بعمل ملف يحوي 216 لون وهي من أكثر الألوان استعمالاً: 216 لون.

بإمكانك أيضاً استخدام أسماء الألوان باللغة الإنجليزية للألوان المعروفة مثل الأبيض والأسود والأحمر والأزرق والأصفر.

مثال 3:

اقتباس :
<body style="background-color: red;">

نكتفي بهذا القدر حول الألوان لنعد إلى الخصائص.

أي العناصر تستطيع استخدام الخصائص؟

مجموعة مختلفة من الخصائص يمكن استخدامها لمعظم العناصر.

الخصائص تستخدم غالباً في الوسوم مثل body لكن ليس في وسوم أخرى مثل br، لأن وضع النص في سطر جديد لا يتطلب خصائص إضافية.

وكما هناك الكثير من العناصر فهناك أيضاً الكثير من الخصائص، بعض الخصائص صممت لتستخدم لعنصر محدد وبعضها الآخر يمكن استخدامها لعناصر مختلفة، وبعض العناصر يمكنه أن يحوي خصائص كثيرة بينما بعضها الآخر لا يمكنه سوى أن يحوي خاصية واحدة.

قد يبدو الأمر مثيراً للحيرة الآن، لكن ما أن تعتاد على التعامل مع الخصائص المختلفة لتجد أنها منطقية وسترى كم هي سهلة عند استخدامها.

هذا الدرس سيعرض عليك أهم الخصائص.

ما هي مكونات العناصر؟

بشكل عام العناصر تتكون من وسم بداية تحوي خاصية أو أكثر أو قد لا تحوي أي خاصية، ثم هناك بعض المحتويات ثم وسم الإغلاق، هذه ببساطة هي مكونات العناصر، انظر إلى الشكل التوضيحي.




الدرس السابع: الخصائص   Element.ar
الرجوع الى أعلى الصفحة اذهب الى الأسفل
osama sami
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 269
نقاط : 9675
نقاط التقيم نقاط التقيم : 0
تاريخ الميلاد : 10/09/1995
تاريخ التسجيل : 07/01/2012
العمر : 29

الدرس السابع: الخصائص   Empty
مُساهمةموضوع: رد: الدرس السابع: الخصائص    الدرس السابع: الخصائص   I_icon_minitimeالجمعة يناير 27, 2012 5:38 pm

بارك الله فيك واصل ابداعاتك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الشبكة العربية وابدا
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 400
نقاط : 9756
نقاط التقيم نقاط التقيم : 0
تاريخ الميلاد : 17/05/1990
تاريخ التسجيل : 01/02/2012
العمر : 34

الدرس السابع: الخصائص   Empty
مُساهمةموضوع: رد: الدرس السابع: الخصائص    الدرس السابع: الخصائص   I_icon_minitimeالأربعاء فبراير 01, 2012 10:51 pm

شكرا لك اخى على الموضوع الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الدرس السابع: الخصائص

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» الدرس الثامن: الروابط
» الدرس الأول: لنبدأ
» الدرس الثاني: ما هي HTML؟
» الدرس العاشر: الجداول
» الدرس الثاني عشر: التصميم (CSS)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات كــــــل شـــيء :: دورات كل شئ :: دورات كل شئ :: دورة لغة html-

جميع الحقوق محفوظة لـــ منتديات كـــــل شـــيء

©phpBB | الحصول على منتدى مجاني | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | ملفات تعريف الارتباط التابعة لجهات خارجية | آخر المواضيع