قاسمي نت
السلام عليكم و رحمة الله .... مرحبا بمن زارنا و هل علينا بطلته البهية ..... تشرفنا زيارتك الطيبة و مرحبا بك بيننا و حتى إن لم تكن مسجلا معنا فأهلا بك .... و لو أعجبك منتدانا فيكون لنا الشرف بإنظمامك إلينا و لأسرتنا الصغيرة .... كما نتمنى أن نفيدك و نستفيد منك و هذه الرسالة تفيد كونك جديدا معنا فمرحبا بك و بتسجيلك يا طيب ..... تحيات منتدانا و إدارته العامة....
قاسمي نت

انضم إلى المنتدى ، فالأمر سريع وسهل

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

نتائج البحث
 


Rechercher بحث متقدم

المواضيع الأخيرة
» طلب شفرة الاسترا 19.2 الشغالة
 دروس htm --- الخصائص Empty2015-12-04, 12:30 من طرف المدير

» برنامج لجلب الشفرات من الإنترنت
 دروس htm --- الخصائص Empty2015-04-04, 18:50 من طرف GAUNE

» رسم لحداء الكات CAT
 دروس htm --- الخصائص Empty2014-08-29, 11:22 من طرف المدير

» حداء رياضي نيك NIKE
 دروس htm --- الخصائص Empty2014-08-29, 11:21 من طرف المدير

» رسم حداء رياضي إير ماكس nike air
 دروس htm --- الخصائص Empty2014-08-29, 11:18 من طرف المدير

» رسم لحداء أديداس متميز
 دروس htm --- الخصائص Empty2014-08-29, 11:18 من طرف المدير

» رسم حداء ماركة اديداس adidas
 دروس htm --- الخصائص Empty2014-08-29, 11:18 من طرف المدير

» رسم لحداء رياضي نيك دو لون نسائي
 دروس htm --- الخصائص Empty2014-08-29, 11:18 من طرف المدير

» الحداء الرياضي نيك nike
 دروس htm --- الخصائص Empty2014-08-29, 11:18 من طرف المدير

التبادل الاعلاني
احداث منتدى مجاني
تعريفك
IP
أفضل 10 أعضاء في هذا الشهر
لا يوجد مستخدم


دروس htm --- الخصائص

اذهب الى الأسفل

exp دروس htm --- الخصائص

مُساهمة من طرف dr_html 2011-07-18, 07:49


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


أنت تتذكر أن العناصر تعطي هيكلية لصفحة 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، لأن وضع
النص في سطر جديد لا يتطلب خصائص إضافية.
وكما هناك الكثير من العناصر فهناك أيضاً الكثير من الخصائص، بعض الخصائص صممت
لتستخدم لعنصر محدد وبعضها الآخر يمكن استخدامها لعناصر مختلفة، وبعض العناصر يمكنه
أن يحوي خصائص كثيرة بينما بعضها الآخر لا يمكنه سوى أن يحوي خاصية واحدة.
قد يبدو الأمر مثيراً للحيرة الآن، لكن ما أن تعتاد على التعامل مع الخصائص
المختلفة لتجد أنها منطقية وسترى كم هي سهلة عند استخدامها.
هذا الدرس سيعرض عليك أهم الخصائص.
ما هي مكونات العناصر؟


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

 دروس htm --- الخصائص Default4

مبرمج

رايق

ذكر
الحمل

القرد
عدد المساهمات : 65
نقاط : 26329
السٌّمعَة : 5
تاريخ الميلاد : 24/03/1980
تاريخ التسجيل : 20/01/2010
العمر : 44

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى