النتائج 1 إلى 5 من 5

الموضوع: {[html]}الدرس الخامس (المزيد من العناصر)

  1. #1
    -{][ مدير التصاميم ][}- الصورة الرمزية احمد حسن
    تاريخ التسجيل
    Jun 2009
    العمر
    32
    المشاركات
    5,610
    معدل تقييم المستوى
    215245

    {[html]}الدرس الخامس (المزيد من العناصر)


    توجد وسوم أخرى للتنسيقات المختلفة ومنها الوسم b أو srtong وهو للخط العريض
    والوسم i أو em للمائل ، والوسم tt ويستخدم لجعل الحروف متساوية في الحجم
    مثل نصوص الآلة الكاتبة والوسم u وهو لعمل خط تحت النص
    كود HTML:
    <html>
      <body>
         <font size="5" face="Verdana"><b>This is bold text<b/><font/><br/>
       <font size="2" color="red"><strong>This is bold text<strong/><font/><br/>
       <font size="6" color="blue"><i>This is italic text<i/><font/><br/>
       <font size="4" color="brown"><em>This is italic text<em/><font/><br/>
       <font size="5" color="green"><u>This is under line text<u/><br/>
       <font size="7" color="red&yallow"><tt>This is typewriter text<tt/><font/><br/>
      <body/>
    <html/>
    وستكون النتيجة



    *******************************************
    يوجد وسم خاص بوضع الخط الأفقي وهو الوسم hr
    يمكنك تحديد عرض الخط بالخاصية width
    حيث تأخذ width قيما مطلقة مثل 10 أو 20 أو ...الخ
    وهي تحدد العرض بالبكسيل ،
    وقيما نسبية بالنسبة إلى عرض الصفحة مثل:20% و 80% ...
    توجد أيضا خاصية أخرى وهي size وتحدد ارتفاع الخط رأسياً ويأخذ قيما مطلقة صغيرة
    وتوجد أيضا الخاصية color لتحديد لون الخط
    والخاصية noshade وهي خاصية بدون قيمة وعند وضعها
    تجعل الخط مصمتا وليس منحوتا كما هو في الحالة القياسية
    كود HTML:
    <html>
      <body>
      <hr>
      <hr color="red">
      <hr width="30%">
      <hr noshade size="40">
      <hr color="blue" width="85%" size="5">
      <hr color="green" width="70%" size="10">
      اسمي ماكس<hr color="brown"> ولدت في الخامس عشر من شهر يناير لعام ألف وتسعمائة و ... وثمانين<hr color="pink" width="500"> هوايتي المفضلة التصميم<hr size="15" color="gray">مبدئي في الحياة هو I hope to learn today more than yasterday <hr color="red&yallow" size="5">
       <body/>
    <html/>
    ملاحظة:
    لم نستخدم هنا الوسم br لأن الوسم hr بطبيعته ينشأ في سطر جديد

    ستكون النتيجة



    *********************************
    س: ما هو الفرق بين الوسمين background و bgcolor ؟
    هؤلاء الوسمين يتم استخدامهم لتحديد تنسيق الصفحة وهم يرتبطوا بالوسم body

    bgcolor : لتحديد لون للخلفية
    background : لوضع صورة متكررة في الخلفية

    ملاحظة :
    يجب أن تكون الصورة في نفس الملف الذي قمت بحفظ الصفحة فيه
    ويجب أن تعرف أمرين على الصورة : مسار الصورة - اسم وامتداد الصورة
    سأختار أنا هنا الصورة التالية واسمها baby



    ولمعرفة مسار واسم وامتداد الصورة قم بالضغط على الصورة بزر الفأرة الأيمن وإختار خصائص / properties
    ستظهر لك القائمة التالية



    الآن قم بكتابة الكود التالي

    كود HTML:
    <html>
      <body background="C:\Documents and Settings\hassan\Desktop/baby.gif">
      <body/>
    <html/>

    لاحظ إنه قمنا بكتابة مسار الصورة ثم شرطة مائلة ثم قمنا بكتابة اسم الصورة ثم امتداد الصورة
    ستكون النتيجة



    --------------------------
    ولعمل لون للخلفية نكتب الكود التالي

    كود HTML:
    <html>
      <body bgcolor="pink">
      <body/>
    <html/>
    وستكون النتيجة كالتالي




    يمكن كتابية كود اللون بدلا من اسمه وهذه قائمة بأهم الألوان المستخدمة في المواقع
    216 لون




    سنتعرف في الدرس القادم عن القوائم

    التعديل الأخير تم بواسطة احمد حسن ; 24-08-2009 , الساعة 23:20 سبب آخر: اضافة أكواد الألوان الشائعة الإستخدام






    [ Everyday ...I hope to learn today ... More than yesterday ]
    [ كل يوم أتمنى أن أتعلم أكثر من الأمس ]



  2. #2
    نائب رئيس المشناعة الصورة الرمزية M!XmAn
    تاريخ التسجيل
    Mar 2008
    المشاركات
    5,979
    معدل تقييم المستوى
    863342

    تسلم يا أستاذ و منتظر الدرس الجديد


  3. #3
    -{][ مدير التصاميم ][}- الصورة الرمزية احمد حسن
    تاريخ التسجيل
    Jun 2009
    العمر
    32
    المشاركات
    5,610
    معدل تقييم المستوى
    215245

    اقتباس المشاركة الأصلية كتبت بواسطة m!xman مشاهدة المشاركة
    تسلم يا أستاذ و منتظر الدرس الجديد
    العفو أخوي
    ويشرفني أن تضيئ دروسي المتواضعة بردودك الأروع







    [ Everyday ...I hope to learn today ... More than yesterday ]
    [ كل يوم أتمنى أن أتعلم أكثر من الأمس ]



  4. #4
    صلى على محمد = ) الصورة الرمزية Dhofar Moon
    تاريخ التسجيل
    Oct 2007
    المشاركات
    16,639
    معدل تقييم المستوى
    220523

    مرسيه على الدرس الفنتستكي ^___^


  5. #5
    -{][ مدير التصاميم ][}- الصورة الرمزية احمد حسن
    تاريخ التسجيل
    Jun 2009
    العمر
    32
    المشاركات
    5,610
    معدل تقييم المستوى
    215245

    اقتباس المشاركة الأصلية كتبت بواسطة قمر ظفار مشاهدة المشاركة
    مرسيه على الدرس الفنتستكي ^___^
    لا ميرسي على واجب خيتو
    نورتي صفحتي المتواضعة
    وأتمنى تواجدش دائما







    [ Everyday ...I hope to learn today ... More than yesterday ]
    [ كل يوم أتمنى أن أتعلم أكثر من الأمس ]



ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •