الدرس الثالث html

الدرس الثالث: العناصر والوسوم الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر. العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن

النتائج 1 إلى 2 من 2
  1. رقم #1
     افتراضي  العنوان : الدرس الثالث html
    بتاريخ : 20 Jan 2008 الساعة : 09:50 PM

    مؤسس المنتديات


    الصورة الرمزية ابو الطيب

    رقم العضوية : 1
    الانتساب : Apr 2004
    المشاركات : 17,173
    بمعدل : 3.43 يوميا
    معدل تقييم المستوى : 2721
    التقييم : Array
    ابو الطيب غير متصل



    الدرس الثالث: العناصر والوسوم

    الآن أنت جاهز لتعلم جوهر لغة html وهي العناصر.
    العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.
    "وسوم"؟

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

    حسناً، العنصر em يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)
    المثال 1:
    <em>نص مائل.</em>
    سيظهر بهذا الشكل في المتصفح:
    نص مائل.
    العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.
    مثال 2:
    <h1>هذا عنوان</h1><h2>هذا عنوان فرعي</h2>
    ستظهر بهذا الشكل في المتصفح:
    هذا عنوان

    هذا عنوان فرعي


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

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

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

    أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.
    إذا انتقلت إلى الدرس اللاحق ستتمكن من إنشاء موقعك خلال عشر دقائق.


    hg]vs hgehge html



     



  2. رقم #2
    كاتب الموضوع : ابو الطيب
    بتاريخ : 16 Apr 2008 الساعة : 06:56 PM

    طيب نشيط


    الصورة الرمزية جمال الكوون

    رقم العضوية : 4884
    الانتساب : Jan 2007
    المشاركات : 152
    بمعدل : 0.04 يوميا
    معدل تقييم المستوى : 12
    التقييم : Array
    جمال الكوون غير متصل



    ابوو عمر حاط درووس عن الهتمل وانا مدري :999:

    قل آمين . . عسى الله يحرم النار من وجهك

    ننتظــر درسك القادم ومعلومات بسيطه عن ادات الشرط

    كل الود والتقدير


     



معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

المواضيع المتشابهه

  1. الدرس الثاني html
    بواسطة ابو الطيب في المنتدى لغات البرمجة
    مشاركات: 1
    آخر مشاركة: 20 Aug 2008, 12:08 PM
  2. الدرس الثاني ملحق html
    بواسطة ابو الطيب في المنتدى لغات البرمجة
    مشاركات: 1
    آخر مشاركة: 20 Aug 2008, 12:07 PM
  3. الدرس الأول تعليم html
    بواسطة ابو الطيب في المنتدى لغات البرمجة
    مشاركات: 3
    آخر مشاركة: 15 Mar 2008, 08:37 AM
  4. الدرس الثالث : الخطوط في ال html
    بواسطة ابو الطيب في المنتدى ركن تطوير المواقع
    مشاركات: 4
    آخر مشاركة: 08 Jul 2005, 05:28 PM
  5. الدرس الثاني اساسيات ال html
    بواسطة ابو الطيب في المنتدى ركن تطوير المواقع
    مشاركات: 5
    آخر مشاركة: 11 Mar 2005, 05:07 AM

المفضلات

المفضلات

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

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