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

رويـــــال فـــريـــنـــدس

اسلاميات | رياضه | اخبار | صور | اغانى | افلام | مسلسلات | فيديوهات | كورسات | تطوير المنتديات | وكل مايخص الموبيل
 
الرئيسيةالمجلهأحدث الصورالتسجيلدخول
الدرس السادس: المزيد من العناصر 001uq910
الساده اعضاء رويـــــال فـــريـــنـــدس
نريد ان نعلمكم ان المنتدى يتوفر على رابطين
 https://royalfriends.own0.com
 http://assasi4ever.own0.com
وشكرااااااااااا
By Abu Ali Elassasy


 

 الدرس السادس: المزيد من العناصر

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
AbU ALi ElA$Sa$Y
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU ALi ElA$Sa$Y


النادى المفضل : الدرس السادس: المزيد من العناصر Logo2425
الجنسيه : الدرس السادس: المزيد من العناصر 3dflag10
مزاجك ايه : الدرس السادس: المزيد من العناصر 1210
هوايتى : الدرس السادس: المزيد من العناصر Chess10
المهنة : الدرس السادس: المزيد من العناصر Progra10
الجنس : ذكر
عدد المساهمات : 3295
نقاط العضو : 47571
شعبية العضو : 1740
السمك
الديك
الموقع : عايش فى منتدى العساسيه
العمر : 31
تاريخ التسجيل : 22/05/2009
اوسمتى : الدرس السادس: المزيد من العناصر Xxtt8
اوسمتى 2 : الدرس السادس: المزيد من العناصر Wafaa
اوسمتى 3 : الدرس السادس: المزيد من العناصر Ebda4e_39
دعائى يارب تقبله : الدرس السادس: المزيد من العناصر Fp_21

بطاقة الشخصية
شات المنتدى:

الدرس السادس: المزيد من العناصر Empty
مُساهمةموضوع: الدرس السادس: المزيد من العناصر   الدرس السادس: المزيد من العناصر I_icon_minitime11th يونيو 2010, 00:09

الدرس السادس: المزيد من العناصر


هل قمت بإنشا المزيد من الصفحات بنفسك؟ إن لم تفعل فإليك هذا المثال:





My website



A Heading


text, text text, text


Subhead


text, text text, text










ما التالي؟


حان الوقت الآن لتعلم سبعة عناصر جديدة.
بنفس الطريقة التي تؤكد فيها على نص معين عندما تضعه بين وسم البداية ووسم الإغلاق , يمكنك أن تضيف تأكيداً أقوى باستخدام وسم البداية ووسم الإغلاق .

مثال 1:


This should be stronger emphasis.





سيظهر بهذا الشكل في المتصفح:

This should be stronger emphasis.



بطريقة مماثلة يمكنك تصغير النص باستخدام العنصر small:

مثال 2:


This should be in small.





سيظهر بهذا الشكل في متصفحك

This should be in small.



هل أستطيع استخدام عدة عناصر في نفس الوقت؟


بإمكانك استخدام عدة عناصرة بسهولة في نفس الوقت، لكن تجنب تداخل العناصر. يمكن توضيح ذلك بهذا المثال:

مثال 3:
إذا أردت التأكيد على نص صغير الحجم يجب أن تفعل ذلك بهذه الطريقة:


Emphasised small text





وليس بهذه الطريقة:


Emphasise small text





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

المزيد من العناصر!


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

مثال 4:


Some text
and some more text in a new line





سيظهر بهذا الشكل في متصفحك

Some text
and some more text in a new line



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

عنصر آخر مشابه يحوي وسم البداية والإغلاق في نفس الوقت هو
الذي يستخدم في رسم خط أفقي، حرفي "hr" يعنيان "horizontal rule":

مثال 5:









:سيظهر بهذا الشكل في متصفحك





هناك عناصر أخرى تحتاج إلى وسمي البداية والإغلاق - كما هو حال معظم العناصر - مثل ul وol وli. هذه العناصر تستخدم عندما تريد إنشاء القوائم.

ul هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة، أما ol فهي اختصار "ordered list" أو قائمة مرتبة فهو يضع رقماً لكل بند في القائمة، ولكي نضع البنود في القائمة علينا أن نستخدم الوسم li أو "list item"، هل أصبحت بالحيرة، شاهد هذا المثال:

مثال 7:



  • A list item

  • Another list item







سيظهر بهذا الشكل في متصفحك


  • A list item
  • Another list item




مثال 8:



  1. First list item

  2. Second list item







سيظهر بهذا الشكل في متصفحك


  1. First list item
  2. Second list item




هل هذا كل شيء؟


نعم هذا كل شيء، ومرة أخرى، قم بعمل تجارب بنفسك وجرب العناصر السبعة التي تعلمتها في هذا الدرس:


Stronger emphasis
Small text

Line shift

Horizontal line
    List

    Ordered list

  • List item




  • الرجوع الى أعلى الصفحة اذهب الى الأسفل
    https://royalfriends.own0.com
    hassan_dmar
    عضو ماهر
    عضو ماهر
    hassan_dmar


    النادى المفضل : الدرس السادس: المزيد من العناصر Logo1114
    الجنسيه : الدرس السادس: المزيد من العناصر Ps10
    مزاجك ايه : الدرس السادس: المزيد من العناصر 1210
    هوايتى : الدرس السادس: المزيد من العناصر Travel10
    المهنة : الدرس السادس: المزيد من العناصر Studen10
    الجنس : ذكر
    عدد المساهمات : 184
    نقاط العضو : 10663
    شعبية العضو : 4
    الجدي
    الكلب
    الموقع : اول لفة على ايديك اليمين
    العمر : 29
    تاريخ التسجيل : 16/08/2010
    اوسمتى : الدرس السادس: المزيد من العناصر Empty
    اوسمتى 2 : الدرس السادس: المزيد من العناصر Empty
    اوسمتى 3 : الدرس السادس: المزيد من العناصر Empty
    دعائى يارب تقبله : الدرس السادس: المزيد من العناصر 553bd1df56

    الدرس السادس: المزيد من العناصر Empty
    مُساهمةموضوع: رد: الدرس السادس: المزيد من العناصر   الدرس السادس: المزيد من العناصر I_icon_minitime17th أغسطس 2010, 00:14

    الدرس السادس: المزيد من العناصر 881756
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://rock-soul.ahlamontada.net
    AbU ALi ElA$Sa$Y
    AbU Ali ElAsSaSy SiTe EmPeRoR
    AbU Ali ElAsSaSy SiTe EmPeRoR
    AbU ALi ElA$Sa$Y


    النادى المفضل : الدرس السادس: المزيد من العناصر Logo2425
    الجنسيه : الدرس السادس: المزيد من العناصر 3dflag10
    مزاجك ايه : الدرس السادس: المزيد من العناصر 1210
    هوايتى : الدرس السادس: المزيد من العناصر Chess10
    المهنة : الدرس السادس: المزيد من العناصر Progra10
    الجنس : ذكر
    عدد المساهمات : 3295
    نقاط العضو : 47571
    شعبية العضو : 1740
    السمك
    الديك
    الموقع : عايش فى منتدى العساسيه
    العمر : 31
    تاريخ التسجيل : 22/05/2009
    اوسمتى : الدرس السادس: المزيد من العناصر Xxtt8
    اوسمتى 2 : الدرس السادس: المزيد من العناصر Wafaa
    اوسمتى 3 : الدرس السادس: المزيد من العناصر Ebda4e_39
    دعائى يارب تقبله : الدرس السادس: المزيد من العناصر Fp_21

    بطاقة الشخصية
    شات المنتدى:

    الدرس السادس: المزيد من العناصر Empty
    مُساهمةموضوع: رد: الدرس السادس: المزيد من العناصر   الدرس السادس: المزيد من العناصر I_icon_minitime17th أغسطس 2010, 10:54

    شكرررررررررررررر لمرورك
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    https://royalfriends.own0.com
    hassan_dmar
    عضو ماهر
    عضو ماهر
    hassan_dmar


    النادى المفضل : الدرس السادس: المزيد من العناصر Logo1114
    الجنسيه : الدرس السادس: المزيد من العناصر Ps10
    مزاجك ايه : الدرس السادس: المزيد من العناصر 1210
    هوايتى : الدرس السادس: المزيد من العناصر Travel10
    المهنة : الدرس السادس: المزيد من العناصر Studen10
    الجنس : ذكر
    عدد المساهمات : 184
    نقاط العضو : 10663
    شعبية العضو : 4
    الجدي
    الكلب
    الموقع : اول لفة على ايديك اليمين
    العمر : 29
    تاريخ التسجيل : 16/08/2010
    اوسمتى : الدرس السادس: المزيد من العناصر Empty
    اوسمتى 2 : الدرس السادس: المزيد من العناصر Empty
    اوسمتى 3 : الدرس السادس: المزيد من العناصر Empty
    دعائى يارب تقبله : الدرس السادس: المزيد من العناصر 553bd1df56

    الدرس السادس: المزيد من العناصر Empty
    مُساهمةموضوع: رد: الدرس السادس: المزيد من العناصر   الدرس السادس: المزيد من العناصر I_icon_minitime17th أغسطس 2010, 21:35

    :)
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://rock-soul.ahlamontada.net
     
    الدرس السادس: المزيد من العناصر
    الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1
     مواضيع مماثلة
    -
    » الدرس 13: وضعية العناصر
    » الدرس الحادي عشر: المزيد حول الجداول
    » الدرس 12: تعويم العناصر (floats)
    » الدرس الثالث: العناصر والوسوم
    » الدرس 7: تجميع العناصر باستخدام span وdiv

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    رويـــــال فـــريـــنـــدس :: ––––•(-• اكواد html•-)•––––-
    انتقل الى: