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

الموضوع: {[html]} الدرس الثاني المكونات

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

    {[html]} الدرس الثاني المكونات




    "وسوم" (tags)

    وهي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.
    كل الوسوم لها نفس الشكل تبدأ بعلامة (<) وتنتهي بعلامة (>)


    بشكل عام هناك نوعان من الوسوم :
    وسم البداية <html> ثم وسم الإغلاق <html/> الفرق بين الإثنين
    هو هذه العلامة "/" توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق .


    لغة html تتكون من هذه العناصر ،
    ولكي تتعلم لغة html يجب أن تستخدم وسوما مختلفة .


    هل تكتب الوسوم بأحرف كبيرة أم صغيرة ؟

    معظم المتصفحات لن تهتم إذا كتبت بأحرف كبيرة
    أو صغيرة أو خليط من الإثنين <html> <HTML>
    <HtMl> كلها ستعطي نفس النتائج مع أن الأسلوب الصحيح
    هو كتابة الوسوم بالأحرف الصغيرة ، لذلك عليك أن تعتاد
    على كتابة الوسوم بالأحرف الصغيرة .


    هل أنا بحاجة دائما إلى وسم بداية ووسم إغلاق ؟

    كما يقولون - هناك إستثناء لكل قاعدة - والإستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت ، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً ، فهناك وسم لكسر النص وإجباره على الظهور في سطر جديد ، وهذا الوسم هو <br />

    بنية ملف html :

    يتكون ملف html القياسي من جزئين رئيسيين هما :

    الرأس Head :

    يحتوي على المعلومات الإضافية الخاصة بالمستند مثل عنوان الصفحة والكلمات المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر من ضمن المحتوى .

    الجسم Body :

    وهو يحتوي على المحتوى الذي يراها المستخدم .

    المثال التالي يبين كيفية تقسيم ملف HTML


    كود HTML:
    <html>
        <head>
            .........
        <head/>
        <body>
             ........
        <body/>
    <html/>

    من خلال المثال أعلاه فإن الأجزاء التابعة للرأس توضع بين <head>و<head/>

    أما الأجزاء التابعة للجسم فتوضع بين الوسمين <body> و<body/>


    ملاحظة :
    الشرطة المائلة في الوسم توجد في آخر
    الكلمة كما في المثال وليس في أولها


    في الموضوع القادم سنتحدث عن إنشاء أول صفحة وكيفية إعطائها عنوان







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



  2. #2
    صانع للمجد متميز الصورة الرمزية مجردانسان
    تاريخ التسجيل
    Jul 2009
    العمر
    34
    المشاركات
    738
    معدل تقييم المستوى
    29

    تسلم انا متابع معاك

    ومشكورة على المعلومات

    وان شاء الله بطبق معك اول بأول


  3. #3
    لجفة الصورة الرمزية فراشة
    تاريخ التسجيل
    Sep 2003
    المشاركات
    1,196
    معدل تقييم المستوى
    47

    تسلم اخوي على الشرح المبسط جدا

    ماكس بخصوص الشرطة المائلة انا تواجهني كثير إذا كنت بكتب الكودات بدون إستخدام برنامج مثل الفرونت بيج

    عشان كذا بعد اول وسم على طول حط الشرطه المائلة عدين اكتب المحتوى

    </center> كذا

    مشكورعلى الدرس منتظرين البقية
    بالتوفيق

    " اللهم إجعلنا خير مما يظنون ..وإغفر لي مما يعملون ..ولا تأخذني مما يقولون... "


    [flash=http://dc03.arabsh.com/i/01751/5vx3cejah516.swf]WIDTH=500 HEIGHT=360[/flash]

  4. #4
    صانع للمجد جديد الصورة الرمزية عـبـيـر
    تاريخ التسجيل
    Aug 2007
    المشاركات
    160
    معدل تقييم المستوى
    15

    جزاك الله خير أخوي

    سؤالي

    هل التطبيق يصلح لجميع اصدارات برنامج انترنت اكسبلورر ؟؟؟


  5. #5
    المُنـــــــــــاضــــل الصورة الرمزية المفكر الفطن
    تاريخ التسجيل
    Jun 2007
    المشاركات
    2,230
    معدل تقييم المستوى
    82

    ومنــــــكم نستفيد ماشاء الله تبارك الله



    إلى الامام دوماً أيها التقني الفــذ


  6. #6
    لجفة الصورة الرمزية فراشة
    تاريخ التسجيل
    Sep 2003
    المشاركات
    1,196
    معدل تقييم المستوى
    47

    اقتباس المشاركة الأصلية كتبت بواسطة عـبـيـر مشاهدة المشاركة
    جزاك الله خير أخوي

    سؤالي

    هل التطبيق يصلح لجميع اصدارات برنامج انترنت اكسبلورر ؟؟؟

    بجاوب عن الاخ ماكس(لجفة فيني )

    ايوة في جميع اصدرات انترنت اكسبلورر والمتصفحات اخرى... اتبعي الدرس الثالث (اعتقد ماشفته للحين)وبتعرفي الطريقة كيف تحولين التطبيق من النوت باد او الدفتر إلى المتصفح


    اسفة ماكس على التدخل

    " اللهم إجعلنا خير مما يظنون ..وإغفر لي مما يعملون ..ولا تأخذني مما يقولون... "


    [flash=http://dc03.arabsh.com/i/01751/5vx3cejah516.swf]WIDTH=500 HEIGHT=360[/flash]

  7. #7
    احاسيس طفله الصورة الرمزية طفلهـ بأحاسيسيـ
    تاريخ التسجيل
    May 2009
    العمر
    29
    المشاركات
    3,673
    معدل تقييم المستوى
    153

    درس باسلوب بسيط جدا

    طرح رائع

    بالتوفيق خيو

    .
    .
    .
    .
    .



    .
    .
    .
    .
    .

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

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







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



  9. #9
    صانع للمجد جديد الصورة الرمزية عـبـيـر
    تاريخ التسجيل
    Aug 2007
    المشاركات
    160
    معدل تقييم المستوى
    15

    اقتباس المشاركة الأصلية كتبت بواسطة فراشة مشاهدة المشاركة
    بجاوب عن الاخ ماكس(لجفة فيني )

    ايوة في جميع اصدرات انترنت اكسبلورر والمتصفحات اخرى... اتبعي الدرس الثالث (اعتقد ماشفته للحين)وبتعرفي الطريقة كيف تحولين التطبيق من النوت باد او الدفتر إلى المتصفح


    اسفة ماكس على التدخل

    شكرا جزيلا أختي


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

    جـــــــزاك الله الخير على معلوماتك القيمة يا أستاذي ماكس


  11. #11
    صانع للمجد رمز للعطاء والمثابرة
    تاريخ التسجيل
    Jun 2009
    المشاركات
    2,654
    معدل تقييم المستوى
    126

    ومنكم نستفيد ،،


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

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







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



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

    اقتباس المشاركة الأصلية كتبت بواسطة صبا ..~ مشاهدة المشاركة
    ومنكم نستفيد ،،
    أشكرك على المرور أخوي
    وأتمنى أن تضئ مواضيعي المتواضعة دائما بمرورك وردودك الرائعة







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



  14. #14
    وَرآ بُرّودِ إنكِسآر .، الصورة الرمزية برُوّد اعّصَابْ ..♥َ
    تاريخ التسجيل
    Jun 2009
    المشاركات
    5,448
    معدل تقييم المستوى
    10360

    متابعين ^^


  15. #15
    سبحان الله الصورة الرمزية Jose mourinho
    تاريخ التسجيل
    Mar 2009
    المشاركات
    27,432
    معدل تقييم المستوى
    9554834

    شكرا على الدرس


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

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