| تسجيل عضوية جديدة | استرجاع كلمة المرور ؟
Follow us on Twitter Follow us on Facebook Watch us on YouTube
صفحة 1 من 2 1 2 الأخيرةالأخيرة
النتائج 1 إلى 10 من 11

  1. #1

    الصورة الرمزية أبو آسر

    رقم العضوية : 129815

    تاريخ التسجيل : 29Sep2012

    المشاركات : 3,491

    النوع : ذكر

    الاقامة : Earth

    السيارة: Just one car

    السيارة[2]: Renault Logan 2013 Auto

    الحالة : أبو آسر غير متواجد حالياً

    افتراضي دورة تصميم وتطوير مواقع الإنترنت للمبتدئين [html] (أهم الوسوم + تعريف السمات)م#4 - Facebook Twitter whatsapp انشر الموضوع فى :

    hasad">




    سنتناول في هذا الدرس مجموعة من أشهر وأهم الوسوم (Tags) الشائعة الاستخدام ، لكن دعونا نتطرق أولا إلى تعريف السمات أو Attributes
    فالسمات (Attributes) عبارة عن أكواد تضيف معلومات جديدة إلى الوسوم (Tags) وتعطيها أوامر معينة
    مثال للتوضيح
    كود:
    <a href="http://www.nilemotors.net">Nilemotors Forums</a>
    فالوسم <a> هو الوسم الخاص بإنشاء الروابط (links) ولكن هذا الوسم يلزمه بعض السمات الإضافية لتوضيح عنوان هذا الرابط وبالتالي فالسمة href (وهي اختصار Hyperlink Reference أي مرجع الرابط) تشير إلى عنوان الرابط الذي هو http://www.nilemotors.net
    ملحوظة: يجب أن يتبع السمة علامة = ثم علامتي تنصيص مزدوج (Double style quotes) " " وبينهما تكون قيمة (Value) هذه السمة
    ملحوظة: السمات (Attributes) تكون دائما داخل وسم البداية

    بعد أن تعرفنا على السمات (Attributes) دعونا نتعرف على أهم الوسوم (Tags) الشائعة الاستخدام بطريقة مختصرة وسريعة حتى نتناولهم بشيء من التفصيل في الدروس القادمة

    وسوم العناوين Headings Tags
    <h1> <h2> <h3> <h4> <h5> <h6>

    وهي عبارة عن 6 وسوم لكتابة عناوين مميزة أو رؤوس للفقرات
    الوسم الأول وهو الحجم الأكبر على الإطلاق
    كود:
    <h1>Heading 1 text test</h1>
    الوسم الثاني وهو الحجم الأصغر من الأول
    كود:
    <h2>Heading 2 text test</h2>
    الوسم الثالث وهو الحجم الأصغر من الثاني
    كود:
    <h3>Heading 3 text test</h3>
    الوسم الرابع وهو الحجم الأصغر من الثالث
    كود:
    <h4>Heading 4 text test</h4>
    الوسم الخامس وهو الحجم الأصغر من الرابع
    كود:
    <h5>Heading 5 text test</h5>
    الوسم السادس والأخير وهو الحجم الأصغر على الإطلاق
    كود:
    <h6>Heading 6 text test</h6>
    النتيجة


    وسم الفقرات Paragraphs Tag
    <p>

    وهو الوسم الخاص بكتابة فقرة جديدة لكل مجموعة من النصوص
    كود:
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    النتيجة


    وسم الروابط Links Tag
    <a>

    وهو الوسم الذي تعرضنا له في أول الدرس عند الكلام عن السمات Attributes
    كود:
    <a href="http://www.nilemotors.net">Nilemotors Forums</a>
    النتيجة

    ملحوظة: لاحظ أنه عند كتابة رابط إنترنت فلابد من كتابة الرابط بشكل كامل فلابد من وجود //:http أولا (وهي اختصار HyperText Transfer Protocol) ثم تبدأ في كتابة الرابط بالشكل المعتاد الذي غالبا يبدأ بـ www

    وسم الصور Images Tag
    <img>

    وهو الوسم الخاص بعرض الصور في صفحة الويب ، والذي يحتوي على عدة سمات (Attributes) سيتم تناولها بالتفصيل في دروس قادمة إن شاء الله
    كود:
    <img src="http://www.boraqsoft.com/logo_old.jpg" alt="boraqsoft" title="this is boraqsoft logo" width="300" height="100" />
    النتيجة


    والآن جاء دورك لتقم بتجربة هذه الوسوم بنفسك وتخبرنا بالنتيجة !



    الدرس السابق
    http://www.nilemotors.net/Nile/41600...xhtml-3-a.html

    Freelancer Web Designer & E-marketer
    ( --- جــمــيــــع مــوضــوعـــاتـي --- )


  2. #2

    الصورة الرمزية canner

    رقم العضوية : 24572

    تاريخ التسجيل : 09Nov2008

    المشاركات : 1,090

    النوع : ذكر

    الاقامة : World's Mother

    السيارة: NONE

    السيارة[2]: Nissan Sunny

    دراجة بخارية: NONE

    الحالة : canner غير متواجد حالياً

    افتراضي -

    جزاك الله خيرا على الدرس الجميل ربنا يوضعه فى ميزان حسناتك بس فيه سؤال

    انا كتبت

    <h1>Heading Line</h1>

    <h2>Heading Line</h2>

    حط كل واحد فيهم فى سطر مع انى ما حطتشى </br>
    فى النص؟


  3. #3

    الصورة الرمزية أبو آسر

    رقم العضوية : 129815

    تاريخ التسجيل : 29Sep2012

    المشاركات : 3,491

    النوع : ذكر

    الاقامة : Earth

    السيارة: Just one car

    السيارة[2]: Renault Logan 2013 Auto

    الحالة : أبو آسر غير متواجد حالياً

    افتراضي -

    اقتباس المشاركة الأصلية كتبت بواسطة canner مشاهدة المشاركة
    جزاك الله خيرا على الدرس الجميل ربنا يوضعه فى ميزان حسناتك بس فيه سؤال

    انا كتبت

    <h1>Heading Line</h1>

    <h2>Heading Line</h2>

    حط كل واحد فيهم فى سطر مع انى ما حطتشى </br>
    فى النص؟
    أحييك على السؤال الجميل ده
    والجواب هو: لأ مش كل الوسوم بتحتاج وسم </ br> علشان تكتب في سطر جديد ودي هتعرفها بالممارسة من خلال كتابتك للوسوم وهتعرف إيه اللي بيكتب في سطر جديد تلقائيا زي وسوم head و <p> وإيه اللي بيحتاج وسم كسر النص </ br> للكتابة في سطر جديد زي <img> و <a> وغيرهم

    Freelancer Web Designer & E-marketer
    ( --- جــمــيــــع مــوضــوعـــاتـي --- )


  4. #4

    الصورة الرمزية prof2013

    رقم العضوية : 144650

    تاريخ التسجيل : 31May2013

    المشاركات : 1,438

    النوع : ذكر

    الاقامة : مصري سابقاً

    السيارة: .........

    السيارة[2]: هيونداي الينترا

    دراجة بخارية: حد الله بيني وبينهم بعد كده

    الحالة : prof2013 غير متواجد حالياً

    افتراضي -

    تمت العمليه بنجاح


  5. #5

    الصورة الرمزية أبو آسر

    رقم العضوية : 129815

    تاريخ التسجيل : 29Sep2012

    المشاركات : 3,491

    النوع : ذكر

    الاقامة : Earth

    السيارة: Just one car

    السيارة[2]: Renault Logan 2013 Auto

    الحالة : أبو آسر غير متواجد حالياً

    افتراضي -

    اقتباس المشاركة الأصلية كتبت بواسطة prof2013 مشاهدة المشاركة
    تمت العمليه بنجاح
    فين الدليل ؟ :)

    Freelancer Web Designer & E-marketer
    ( --- جــمــيــــع مــوضــوعـــاتـي --- )


  6. #6

    الصورة الرمزية prof2013

    رقم العضوية : 144650

    تاريخ التسجيل : 31May2013

    المشاركات : 1,438

    النوع : ذكر

    الاقامة : مصري سابقاً

    السيارة: .........

    السيارة[2]: هيونداي الينترا

    دراجة بخارية: حد الله بيني وبينهم بعد كده

    الحالة : prof2013 غير متواجد حالياً

    افتراضي -

    اقتباس المشاركة الأصلية كتبت بواسطة أبو آسر مشاهدة المشاركة
    فين الدليل ؟ :)


  7. #7

    الصورة الرمزية أبو آسر

    رقم العضوية : 129815

    تاريخ التسجيل : 29Sep2012

    المشاركات : 3,491

    النوع : ذكر

    الاقامة : Earth

    السيارة: Just one car

    السيارة[2]: Renault Logan 2013 Auto

    الحالة : أبو آسر غير متواجد حالياً

    افتراضي -

    اقتباس المشاركة الأصلية كتبت بواسطة prof2013 مشاهدة المشاركة

    Freelancer Web Designer & E-marketer
    ( --- جــمــيــــع مــوضــوعـــاتـي --- )


  8. #8

    الصورة الرمزية LegendJo

    رقم العضوية : 122386

    تاريخ التسجيل : 28Mar2012

    المشاركات : 379

    النوع : ذكر

    الاقامة : 127.0.0.1

    السيارة: ..

    السيارة[2]: Daewoo Lanos

    دراجة بخارية: ..

    الحالة : LegendJo غير متواجد حالياً

    افتراضي -

    جميل، أفضل برنامج بديل لـnotepad++ للماك إيه طيب؟


  9. #9

    الصورة الرمزية أبو آسر

    رقم العضوية : 129815

    تاريخ التسجيل : 29Sep2012

    المشاركات : 3,491

    النوع : ذكر

    الاقامة : Earth

    السيارة: Just one car

    السيارة[2]: Renault Logan 2013 Auto

    الحالة : أبو آسر غير متواجد حالياً

    افتراضي -

    اقتباس المشاركة الأصلية كتبت بواسطة LegendJo مشاهدة المشاركة
    جميل، أفضل برنامج بديل لـnotepad++ للماك إيه طيب؟
    ممكن تستب النوتباد على الماك زي ما في الشرح ده

    https://www.youtube.com/watch?v=k0nKurJKNbM

    أو ممكن تجرب البرامج دي

    https://itunes.apple.com/gb/app/text...04010395?mt=12

    Komodo Edit | Komodo IDE

    TextMate — The Missing Editor for Mac OS X

    Freelancer Web Designer & E-marketer
    ( --- جــمــيــــع مــوضــوعـــاتـي --- )


  10. #10

    الصورة الرمزية LegendJo

    رقم العضوية : 122386

    تاريخ التسجيل : 28Mar2012

    المشاركات : 379

    النوع : ذكر

    الاقامة : 127.0.0.1

    السيارة: ..

    السيارة[2]: Daewoo Lanos

    دراجة بخارية: ..

    الحالة : LegendJo غير متواجد حالياً

    افتراضي -

    hasad">

    Thanks :D



 
صفحة 1 من 2 1 2 الأخيرةالأخيرة

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

  1. دورة تصميم وتطوير مواقع الإنترنت للمبتدئين (تمهيد) #1
    بواسطة أبو آسر في المنتدى المنتــــــدى الاجتمــاعى
    مشاركات: 14
    آخر مشاركة: 04-05-2014, 11:29 AM
  2. دورة تصميم وتطوير مواقع الإنترنت للمبتدئين [html] (الفرق بين HTML و XHTML)م#3
    بواسطة أبو آسر في المنتدى المنتــــــدى الاجتمــاعى
    مشاركات: 9
    آخر مشاركة: 17-04-2014, 08:45 PM
  3. دورة تصميم وتطوير مواقع الإنترنت للمبتدئين [html] (مقدمة) #2
    بواسطة أبو آسر في المنتدى المنتــــــدى الاجتمــاعى
    مشاركات: 20
    آخر مشاركة: 16-04-2014, 08:30 PM
  4. طرق الشراء من مواقع الإنترنت
    بواسطة Shiref_mohamed في المنتدى المنتــــــدى الاجتمــاعى
    مشاركات: 2
    آخر مشاركة: 29-07-2010, 02:36 AM
  5. مشاركات: 7
    آخر مشاركة: 25-02-2010, 03:55 AM

الكلمات الدلالية لهذا الموضوع

المفضلات

المفضلات

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

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

Content Relevant URLs by vBSEO 3.6.0 PL2