728x90 شفرة ادسنس

  • اخر الاخبار

    25‏/8‏/2014

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


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

                <html>

                  <head>
                  <title>My website</title>
                  </head>

                  <body>
                  <h1>A Heading</h1>
                  <p>text, text text, text</p>
                  <h2>Subhead</h2>
                  <p>text, text text, text</p>
                  </body>
                 
                </html>
               

    ما التالي؟

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

               
         <strong>المشاركات الشائعة</strong>


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

    المشاركات الشائعة

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


             <small>المشاركات الشائعة</small>


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

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


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


                <em><small> تابعنا عبر المواقع الاجتماعية </em></small>



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

    0 التعليقات :

    إرسال تعليق

    Item Reviewed: الدرس السادس: المزيد من العناصر Rating: 5 Reviewed By: محمد أيوب
    Scroll to Top