شرح السمات والعناصر في لغة HTML | الدرس الثاني

اتكلمنا فى الدرس الاول عن مقدمة عن 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 وهو بيوضح مصدر ومكان الصورة هكذا .

ال src is Attribute و نلاحظ انا الصفات او السمات تكتب فقط فى start tag

وهى تاخذ الصيغة التالية :

Name of attribute = “value”