الدرس الثالث ان شاء الله هو تقريبا توضيح على الدرس الثانى بمعنى اننا كنا تكلمان قبل كدة عن التاجات الى ليس لها خصائص توصف القيمة التى تحملها والتاجات التى لها خصائص زى مثلا تاج البريك اللى هو ملوش خصائص خالص وتاج الصور اللى لة خصائص زى الطول والعرض والسمك والرفع واضافة برواز وغيرها من الخصائص التى نتحدث عنها فى وقتها
الدرس هنا بيتكلم عن هذة الخصائص يقى ازاى اقدر اكتبها واية معمولة لية بقى؟
اولا هى معمولة لاضافة معلومات اكثر وضوحا للعنصر بتاعك بمعنى انك لما بتقول للكود انا ححط صورة مثلا وتضيف لها خصائص زى الطول والعرض مكان الصورةدة بيضيف للصورة معلومات بيستخدمها المتصفح فى انة يوصل للشكل اللى حضرتك بتبقى عاوز توصلة فى الشكل طبعا
علشان كدة جت اهمية الخصائص دة او السمات فى الكتابة ؟
علشان اكتب خصائص او سمات توصف العنصر بتاعى لازم بتتكتب فى تاج البداية ودى منطقى طبعا لانك عمرك ما حتكتب حاجة فى تاج الاغلاق
دائما علشان تكتب الخاصية دى لازم بتكون فى صورة وعاء او كوب بيشيل قيمة معينى ، انا اسف فى تعبيرى لكن ملقتش تعبير تانى غير كدة
name="value"
النيم دة هو الخاصية اللى انا حخليها تشيل القيمة بتاعتى تعالى اوضحلك بمثال
مثلا انا حتكلم عن تاج الهايبر لينك تاج الهايبر لينك اساسا علشان المتصفح يفهمة بتمثل فى قيمة التاج دة مجرد حرف الa دة هو عرف كدة انى حعمل هايبر لينك بس فين اللينك بقى ؟هو دة السؤال
يبقى لازم يكون فيةخاصية تقدر تاخد منى قيمة اللينك دة وهو دة ردسنا انهارة والخاصية بيسموها
Attributes

طيب اية الخاصية الى اقدر استعملها جوة الهايبر لينك وتشيل قيمة الموقع هى href
تعالى كدة اكتبلك الكود كامل علشان يبقى اوضح
This is a link
اهو تعالى نفصص بقى الكود حتة حتة
اولا انا طبعا فاتح تاج الاتش تى ام ال وجواة تاج الببودى علشان الكلام اللى جويظهر للعملاء وحبتدى اكتر جوة تاج البودى تاج الهايبر لينك وتاج الهايبر لينك متمثل فى حرف الa والاقواس طيب جميل يبقى انا كدة عامل تلاحم فى اكواد الاتش تى ام ال، طيب كدة المتصفح عرف ان فى هايبر لينك بس هو مش عارفة فين لانة مش لاقى قيمة علشان يروحلها كهايبر لينك وعلشان اديلة قيمة لازم احطة فى وعاء از خاصية اوصفة بها الوعادء دة اسمه href يعنى مرجع او تحويل الى ولو لاحظت حتلاقى ان زى ما قلتلك فوق بحط الصفة او الخاصية دة وبعدين بكتب يساوى واديلة القيمة بتاعتة واحطها بين دبل كوتس فيقوم كدة البرنامج يعرف ان دى هى الخاصية بتاعتة اللى هى الهايبر لينك الموقع اللى حيذهب الية طيب جميل لية قفلت تاج البداية قبل ما احط الكلمة اللى لما العميل يروح عليها حيروح للموقع دة ؟ علشان تاج البداية مش بيكون فية غير وصف الكود الاتش تى ام ال وخصائصة بس واقفل التاج وابتدى اديلة محتوى الكود زى ما اتكلمنا قبل كدة واحط بعد كدة تاج الاغلاق عادى جدا
طيب اذن كل خائص الاتش تى ام ال لها وصف بيساعد اكتر على توضيح المحتوى دة ويساعدك على الوصول الى الشكل والتنظيم المطلوب فى الصفحة بتاعتك حقولك اة وفى اكواد ملهاش خصائص خلاص زى البريك كدة
طيب تعرفهم منين حقولك مع الشغل والخبرة انتا حتعرفهم مع الوقت
طيب يبقى كدة احنا اتعرفنا على خصائص عناصؤ الاتش تى ام الى وهى الاتربيوت وعرفنا بنعملها ازاى، خلينى اقولك بعض الملاحظات الهامة
1. اى قيمة اتربيوت فى الدنيا لازم بتحطها بين دبل كوتس وان جاز انك تحطها بين سنجل كوتس فى بعض الحالات الناردة زى انك عاوز تضيف اسم مستعار لاسم شخص عندك زى كدة
name='John "ShotGun" Nelson’
ساعتها ودى الحالة الوحيدةانك تحط سنجل كوتس
2. انا كنت قلتلك فوق فى الدرس الثانى ان الاتش تى ام ال مش حاسس للغة الكتابة يعنى كتبت كابيتال او small مش فارقة صح
تمام لكن فى الارتبيوت بقى لا لازم ثم لازم تكتبها small بس لانة مش حيفهمها لو بس لانة مش حيفهمها لو كتبتها كابيتال خلاص وبرضو فى الxhtml لازم تكتبها small
فى بعض الكلاسات الثابتة او اللى مش بتتغير ودة خاص بلغة نفسها بتاعة الاتش تى ام ال زى اسم خاصية العنصر وال id بتاعة والاستايل بتاعة يعنى اذا كان بيدى طريقة معينة فى الكتابة او لون معين او بمعنى ادق الوظيفة الى انتا بتستخدمة فيها هى دى الاستايل
واخيرا كلاس التول تيب ودية علشان لما يجى على الكلمة دية مثلا او الزرار دة يديلة معلومات عن الموضوع دة او كلمة دية او غيرها
والخاصيى اسمها فى title او التول تيب مش بمعنى عنوان زى الترجمة الحرفية لا تعالى كدة اوريلك
 

انا هنا بقولة انى حديلك معلومات زيادة عن الصورة دية مثلا مش حدى عنوان للصورة لا ، هنا مش ترجمة حرفية ويكتب مثلا ان الصورة دية تخص الموضوع دة طبعا اواتاخدت من سنة كذا لو الموضوع قديم حسب بقى طيب امتى المعلومة دية حتطلع ؟
حتطلع لما الماوس تيجى على الصورة علشان كدة بيسموها تول تيب
 

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

فى رعاية الله وامنة