مفاهيم في لغة HTML - (الدرس الثاني)

مرحباً بكم أعضاء وزوار مدونة HADH TECH في هذه السلسلة التعليمية الجديدة تحت عنوان مدخل إلى تطوير واجهات الويب باستخدام HTML & CSS حيث سنستعرض في هذا الدرس (مفاهيم في لغة HTML) بعد أن أخذنا في الدرس السابق (مدخل إلى لغة HTML) وأن الوسوم هي حجر الأساس في لغة HTML.

دعونا الآن نتحدث عن بعض المفاهيم في لغة HTML التي علينا معرفتها قبل معرفة تفاصيل اللغة ككل.

1) مفهوم خصائص الوسوم (Tags Attributes): كما علمنا سابقاً أن HTML عبارة عن مجموعة من الوسوم سواءً الوسوم الزوجية</tag><tag> او الوسوم الفردية <tag />.

هناك مفهوم يسمى بخصائص الوسم، وتأتي بصيغة "name = "value

وفائدة تلك الخصائص أنها تعدل على وظيفة الوسم نفسه أي الوسم الذي تكتب فيه تلك الخصائص.

لكن أين تكتب تلك الخصائص؟

تكتب الخصائص في الوسوم الزوجية في الجزء الأول بعد اسم الوسم مثال::

</tag> <tag name1 = "value" name2 = "value" >

فنلاحظ أنه بالإمكان أن نكتب خصيصة واحدة أو أكثر.

ملاحظة هامة: الخصائص لا تكتب في الوسوم الزوجية في الجزء الثاني (جزء الإغلاق)

فلا نكتب </tag name = "value" > فهذا خطأ.

أما في الوسم الفردي فتكتب هكذا <tag name = "value" />

2) مفهوم تداخل الوسوم (Nested Tags): من المعلوم أن لغة HTMLتتكون من مجموعة من الوسوم المتداخلة فيما بينها أي نجد مجموعة وسوم داخل وسوم أخرى، مثال :

<tag>

<tag1>

</tag1>

</tag>

ومن خلال المثال السابق تطرأ لدينا مفاهيم جديدة الا وهي

1) الوسم الأب (Parent Tag): فنلاحظ أن الوسم tag هو أب للوسم tag1 وبالمثل الوسم tag1 هو أب للوسوم tag2 \ tag3 \ tag 4.

2) الوسم الأبن أو الأبناء (Children & Child Tag): ومن المثال السابق نرى أن الوسم tag1 هو أبن (Child) للوسم tag والوسوم tag2 \ tag3 \ tag 4 هي أبناء (Children) للوسم tag1.

3) الوسم الأخ أو الشقيق (Sibling Tag): نلاحظ أن الوسوم tag2 \ tag3 \ tag4 عبارة عن أشقاء حيث يعتبر الوسم tag1 هو بمثابة الأب لهم.

إذا يمكن تمثيل لغة HTML مثل شجرة العائلة، فتظهر بالشكل التالي:

انتظرونا في الدرس الثالث......

الموضوع من قسم:

أساسيات HTML

تنويه : الصور والفيديوهات في هذا الموضوع على هذا الموقع مستمده أحيانا من مجموعة متنوعة من المصادر الإعلامية الأخرى. حقوق الطبع محفوظة بالكامل من قبل المصدر. إذا كان هناك مشكلة في هذا الصدد، يمكنك الاتصال بنا من هنا.