جزاك الله خيرا على الدرس الجميل ربنا يوضعه فى ميزان حسناتك بس فيه سؤال
انا كتبت
<h1>Heading Line</h1>
<h2>Heading Line</h2>
حط كل واحد فيهم فى سطر مع انى ما حطتشى </br>
فى النص؟
رقم العضوية : 129815
تاريخ التسجيل : 29Sep2012
المشاركات : 3,491
النوع : ذكر
الاقامة : Earth
السيارة: Just one car
السيارة[2]: Renault Logan 2013 Auto
الحالة :
سنتناول في هذا الدرس مجموعة من أشهر وأهم الوسوم (Tags) الشائعة الاستخدام ، لكن دعونا نتطرق أولا إلى تعريف السمات أو Attributes
فالسمات (Attributes) عبارة عن أكواد تضيف معلومات جديدة إلى الوسوم (Tags) وتعطيها أوامر معينة
مثال للتوضيح
فالوسم <a> هو الوسم الخاص بإنشاء الروابط (links) ولكن هذا الوسم يلزمه بعض السمات الإضافية لتوضيح عنوان هذا الرابط وبالتالي فالسمة href (وهي اختصار Hyperlink Reference أي مرجع الرابط) تشير إلى عنوان الرابط الذي هو http://www.nilemotors.netكود:<a href="http://www.nilemotors.net">Nilemotors Forums</a>
ملحوظة: يجب أن يتبع السمة علامة = ثم علامتي تنصيص مزدوج (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
( --- جــمــيــــع مــوضــوعـــاتـي --- )
رقم العضوية : 24572
تاريخ التسجيل : 08Nov2008
المشاركات : 1,090
النوع : ذكر
الاقامة : World's Mother
السيارة: NONE
السيارة[2]: Nissan Sunny
دراجة بخارية: NONE
الحالة :
جزاك الله خيرا على الدرس الجميل ربنا يوضعه فى ميزان حسناتك بس فيه سؤال
انا كتبت
<h1>Heading Line</h1>
<h2>Heading Line</h2>
حط كل واحد فيهم فى سطر مع انى ما حطتشى </br>
فى النص؟
رقم العضوية : 129815
تاريخ التسجيل : 29Sep2012
المشاركات : 3,491
النوع : ذكر
الاقامة : Earth
السيارة: Just one car
السيارة[2]: Renault Logan 2013 Auto
الحالة :
أحييك على السؤال الجميل ده
والجواب هو: لأ مش كل الوسوم بتحتاج وسم </ br> علشان تكتب في سطر جديد ودي هتعرفها بالممارسة من خلال كتابتك للوسوم وهتعرف إيه اللي بيكتب في سطر جديد تلقائيا زي وسوم head و <p> وإيه اللي بيحتاج وسم كسر النص </ br> للكتابة في سطر جديد زي <img> و <a> وغيرهم
Freelancer Web Designer & E-marketer
( --- جــمــيــــع مــوضــوعـــاتـي --- )
رقم العضوية : 144650
تاريخ التسجيل : 31May2013
المشاركات : 1,438
النوع : ذكر
الاقامة : مصري سابقاً
السيارة: .........
السيارة[2]: هيونداي الينترا
دراجة بخارية: حد الله بيني وبينهم بعد كده
الحالة :
تمت العمليه بنجاح
رقم العضوية : 129815
تاريخ التسجيل : 29Sep2012
المشاركات : 3,491
النوع : ذكر
الاقامة : Earth
السيارة: Just one car
السيارة[2]: Renault Logan 2013 Auto
الحالة :
Freelancer Web Designer & E-marketer
( --- جــمــيــــع مــوضــوعـــاتـي --- )
رقم العضوية : 144650
تاريخ التسجيل : 31May2013
المشاركات : 1,438
النوع : ذكر
الاقامة : مصري سابقاً
السيارة: .........
السيارة[2]: هيونداي الينترا
دراجة بخارية: حد الله بيني وبينهم بعد كده
الحالة :
رقم العضوية : 129815
تاريخ التسجيل : 29Sep2012
المشاركات : 3,491
النوع : ذكر
الاقامة : Earth
السيارة: Just one car
السيارة[2]: Renault Logan 2013 Auto
الحالة :
Freelancer Web Designer & E-marketer
( --- جــمــيــــع مــوضــوعـــاتـي --- )
رقم العضوية : 122386
تاريخ التسجيل : 28Mar2012
المشاركات : 379
النوع : ذكر
الاقامة : 127.0.0.1
السيارة: ..
السيارة[2]: Daewoo Lanos
دراجة بخارية: ..
الحالة :
جميل، أفضل برنامج بديل لـnotepad++ للماك إيه طيب؟
رقم العضوية : 129815
تاريخ التسجيل : 29Sep2012
المشاركات : 3,491
النوع : ذكر
الاقامة : Earth
السيارة: Just one car
السيارة[2]: Renault Logan 2013 Auto
الحالة :
ممكن تستب النوتباد على الماك زي ما في الشرح ده
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
( --- جــمــيــــع مــوضــوعـــاتـي --- )
رقم العضوية : 122386
تاريخ التسجيل : 28Mar2012
المشاركات : 379
النوع : ذكر
الاقامة : 127.0.0.1
السيارة: ..
السيارة[2]: Daewoo Lanos
دراجة بخارية: ..
الحالة :
Thanks :D
المفضلات