الدرس الثامن
الخاصية id مع عناصر Html The id Attribute:
يستخدم الـ id لوصف عنصر واحد من عناصر html وهو اسم فريد لايتكرر داخل نفس صفحة html
يستخدم الـ id في أنماط css والجافا اسكربت لوصف عنصر محدد .
طريقة كتابة الـ id
يستخدم الرمز # قبل اسم الـ id في css
<style> |
idالفرق بين الـ Class و الـ
الـ class يمكن ان تشترك عناصر الـ html في نفس اسم الـ class بخلاف الـ id اسم فريد لا يتكرر ولا تشترك فيه عناصر اخري ويستخدم لوصف عنصر واحد فقط .
<style>
|
يستخدم الـ id في الروابط مع الوسم للتنقل داخل نفس الصفحة مثلا الذهاب الي فقرة معينة وأيضا يمكن النتقل الي صفحة اخري .
مثال :
انشاء فقرة ترويسة بها Chapter1 وليكن الـ id =" C1"
<h2 id="C1">Chapter 1</h2>
|
الان نقوم بكتابة كود الانتقال باستخدام الوسم
<a href="#C1">Jump to Chapter 1</a>
|
الانتقال الي الـ id c1 من صفحة اخري استخدم هذا الكود
<a href="index.html#C1">Jump to Chapter 1</a>
|
index.html هي الصفحة الموجود بها الـ id C1
تمرين:
اكمل الاتي بوضع الخاصية المناسبة لجعل الوسم باللون الاحمر
<*!DOCTYPE html>
<*/body> |