اتكلمنا فى الدرس الاول عن مقدمة عن HTML وعرفنا ان اكواد html هى عبارة عن مجموعة من التاجات tags وكل تاج له وظيفة محددة .
وهذه التاجات تكتب بداخل رمز( الاصغر من ورمز الاكبر من ) كالتالى : < name of tag>
كما ان هذة التاجات لها بداية <name Of Tag >
start tag
وكذلك فى الاغلب لها نهاية < name Of Tag/>
end tag
وفيها يتم وضع / قبل كتابة اسم التاج .
وعرفنا ان الهيكل العام او الاساسي لاي صفحة html هو كالتالى :
<html>
تبداء بكتابة تاج html لاخبار المستعرض ان هذة الصفحة هى صفحة html .
<head>
يتم بها وضع التاجات الخاصة بضبط الصفحة مثل عنوان الصفحة وتنسيق الصفحة وهكذا .
</head >
<body>
وهى تحتوى على العناصر التى تظهر على صفحة الويب مثل النصوص والصور وهكذا .
</body>
</html>
واخر شيء ان امتداد صفحات html هو .html
درس اليوم هنقدم شرح كلا من :
- العناصر Element
- العناصر المتداخلة nested Element .
- الصفات او السمات Attributes
اولا : العناصر – Element
عرفنا ان تاجات html لها بداية وتكتب هكذا <name of tag > وفى الاغلب لها نهاية وتكتب هكذا <name of tag />
وبين تاج البداية او الفتح وتاج النهاية او الاغلاق قد يحتوى على بعض العناصر تختلف من تاج لاخر .
من بداية التاج ومحتوياتة حتى نهاية التاج يطلق عليها Element
مثال للتوضيح :
تاج <p> هو التاج المسئول عن عمل فقرة او نص فى html .لو اردنا كتابة عبارة welcome to html .
<p>welcome to html </p>
ال Element من بداية تاج p ومايحتوية وكذلك نهاية التاج يسمى عنصر .
ثانيا: العناصر المتداخلة – nested Element
قد يحتوى العنصر ايضا على عنصر اخر بداخلة فى هذه الحالة يطلق على هذا العنصر nested Element .
مثال للتوضيح :
تاج <div > قد يحتوى هذا التاج على تاجات اخرى بداخلة .
<div > ……..Element
<p>…………..nested Element
Welcome to html
</p>
</div>
ثالثا : الصفات او السمات – Attributes
بعض التاجات قد تحتوى على صفات او سمات .
مثال للتوضيح :
عندما نريد عرض صورة فى صفحة الويب فان التاج المسئول عن عرض الصور هو تاج img وهذا التاج يحتوى على بعض السمات مثل src وهو بيوضح مصدر ومكان الصورة هكذا .
<img src=”1.jpg”>
ال src is Attribute و نلاحظ انا الصفات او السمات تكتب فقط فى start tag
وهى تاخذ الصيغة التالية :
Name of attribute = “value”
نقلا عن مهندس / Fawzy Syam