انشاء موقع او مدونة الدرس السابع - EXE and APK انشاء موقع او مدونة الدرس السابع | EXE and APK

انشاء موقع او مدونة الدرس السابع

شارك:

الدرس السابع: الخصائص هناك خصائص يمكنك أن تستخدمها لمعظم العناصر ما هي الخاصية؟ أنت تتذكر أن العناصر تعطي هيكلية لصفحة HTML وتخبر المتصفح كي...

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


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

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

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

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

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

انشاء موقع او مدونة الدرس الثامن


تعليقات

الاسم

الأكواد السرية,287,الربح من الانترنت,179,ألعاب,68,الفيسبوك,78,القنوات التلفزية,76,الكتب الالكترونية,172,انشاء خريطة مدونة,152,برامج البورتابل,203,برامج الطبيعة,13,برامج حماية,254,برامج فيديو,424,برامج مهمة,998,تصميم شعار,310,تطبيقات اندرويد,213,تعريفات,57,جديد,345,صيانة,580,مراجعة هواتف,159,ويندوز,23,
rtl
item
EXE and APK: انشاء موقع او مدونة الدرس السابع
انشاء موقع او مدونة الدرس السابع
https://3.bp.blogspot.com/-6MnakDYRqfg/V4tmAX4jLOI/AAAAAAAAARs/MLlFLfV8QggYmL8vZq_OKGQXhiQL8TWXwCEw/s1600/%25D8%25AA%25D9%2586%25D8%25B2%25D9%258A%25D9%2584%2B%25281%2529.jpg
https://3.bp.blogspot.com/-6MnakDYRqfg/V4tmAX4jLOI/AAAAAAAAARs/MLlFLfV8QggYmL8vZq_OKGQXhiQL8TWXwCEw/s72-c/%25D8%25AA%25D9%2586%25D8%25B2%25D9%258A%25D9%2584%2B%25281%2529.jpg
EXE and APK
https://www.exe-apk.com/2016/07/blog-post_39.html
https://www.exe-apk.com/
https://www.exe-apk.com/
https://www.exe-apk.com/2016/07/blog-post_39.html
true
623171582290320563
UTF-8
تحميل جميع المشاركات لم يتم العثور على المقالة عرض الكل قراءة المزيد رد إلغاء الرد حذف بواسطة الصفحة الرئيسية صفحات المشاركات عرض الكل مقالات ربما تهمك أيضاً وسم أرشيف بحث جميع المشاركات لم يتم العثور على أي مشاركة تطابق مع طلبك العودة إلى الرئيسية الأحد الإثنين الثلاثاء الأربعاء الخميس الجمعة السبت الأحد الإثنين الثلاثاء الأربعاء الخميس الجمعة السبت January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec في هذة اللحظة منذ 1 دقيقة $$1$$ minutes ago منذ 1 ساعة $$1$$ hours ago الأمس $$1$$ days ago $$1$$ weeks ago منذ أكثر من 5 أسابيع متابعون إتبع THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network نسخ كل رمز اختر كل الكود تم نسخ جميع الرموز إلى الحافظة الخاصة بك لا يمكن نسخ الرموز / النصوص ، يرجى الضغط على [CTRL] + [C] (أو CMD + C مع Mac) لنسخ