المنصوره نت | اخبار | صور | دردشة | شات | Mb3 |فيديو | YouTube | برامج | خلفيات | العاب | نكت | قصص | Css | html | استايلات | فوتوشوب | كرة قدم | ادعية | اناشيد | منوعات | فلاشات
 
الرئيسيةالتسجيلالبوابهالتسجيلدخولالمجله
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط انت عمرى على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط شبكة المنصوره نت على موقع حفض الصفحات

شاطر | 
 

 دروس Html - الدرس السابع: الخصائص

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Aym@n

avatar

** عدد المساهمات ** 1586
نقاط 5831
المستوى المستوى : 6
تاريخ التسجيل : 29/05/2010
My MMS :
:^~~~أوسمتى~~~^ :


مُساهمةموضوع: دروس Html - الدرس السابع: الخصائص   السبت يونيو 04, 2011 6:39 am

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

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

أنت تتذكر أن العناصر تعطي هيكلية لصفحة 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

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

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

مثال 3:
الكود:
<body style="background-color: red;">

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

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

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

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

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

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

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

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

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

العناصر




تابع صفحتنا على Facebook
https://www.facebook.com/egypt.kr

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.facebook.com/groups/140030819400564?ap=1 http://mns4.ahladalil.com
 
دروس Html - الدرس السابع: الخصائص
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة المنصوره نت :: اقسام الدعم والتقنيه Technical Support :: لغات البرمجة Programming languages :: اكواد لغة اتش تى ام ال Kompass language Html-
انتقل الى:  
اقسام المنتدى
القرأن الكريم
الخطب والدروس
صوراسلامية
الأدعية والاناشيد
اسلاميات عامة
حوار ونقاش
ترحيب وتهاني
أخبار المنصورة
توبيكات عامة
تهييس أون لاين
نكت وفوازير
قصص مضحكة
ألعاب وتسلية
منتدي الاغانى
ألبومات كاملة
أغانى منفردة
كليبات-Youtube
سياسة وأخبار
اخبار مصرية
اخبار عربية
اخبار مرئية
اخبار بالفيديو
اخبار بالصورة
فوتوغ-كاريكاتير
صور فوتوغراف
صور كاريكاتير
صور الطبيعة-الكائنات
خلفيات وصور
صور رومنسية
صور حزينة
صور أطفال
صور منوعة
صور غرائب وطرائف
انترنت وحاسب الى
نسخ وبرامج
شروحات البرامج والحاسب
لغات البرمجة
لغة Html
لغة Css
لغات واكواد اخرى
دعم واشهار
شروحات المنتديات
شروحات الاشهار
طلبات المساعدة
استايلات منتديات
ملحقات التصميم
طلبات التصميم
ابداعات الاعضاء
اخبار الرياضة
الكرة المصرية
الدوري الانجليزى
الدورى الاسبانى
الدورى الايطالى
بطولات عربية وعالمية
ملتميديا الرياضة
خلفيات رياضية
عالم الأسرة والطفل
حكم وامثال
طب وصحة
معرض صور
سحابة الكلمات الدلالية