Attributes سمات أو صفات
**السمات تعتبر كمعلومات اضافية تصف العنصر element
**دائماً تكتب السمات في وسم البداية
**وتبقي دائمة علي صورة
name="value"
وكما أخدنا الروابط
وكما أخدنا الروابط
وسم النهاية
|
الاسم الموضح للرابط
|
تكملة الوسم
|
السمات
|
وسم البداية
|
</a>
|
website
|
>
|
href="website"
|
<a
|
<a href ="www.google.com">google</a>
لاحظ
href في وسم البداية
"" ولا تنسي
في قيمة السمة
وبعدها كملنا الوسم البداية
وفي المرة السابقة قولنا كحالة استسنائية ولكن اذا كنت تريد أن تعرف السبب
وذلك لوجود سمات والسمات تكتب في وسم البداية
للتذكير
الوسوم علي صورة
<tagname></tagname>
ولسا هنعرف اكتر عن الروابط
وكما أخدنا الصور
تكملة الوسم
|
السمات
|
وسم البداية
|
>
|
Src="" width=""
height alt=""
|
<img
|
في حالة مكنش فيه style هنعرفها فيما بعد
وكما قولنا اهمية
وكما قولنا اهمية
src
بيكتب فيها مصدر الصورة
width
عرض الصورة
height
ارتفاع الصورة
alt
نص بديل الصورة
وده بيستخدم في حالة ان الصورة أو في حالة المتصفح لا يستطيع فتح الصورة فبتالي سيظهر لك نص بديل
وكما أخدنا البراجراف
وسم النهاية
|
القيمة
|
وسم البداية
|
</p>
|
<p>
|
انهاردة هناخد سمتين لو عايز تعرف باقي السمات كمل معانا الدروس القادمة
وسم النهاية
|
القيمة
|
تكملة وسم البداية
|
السمة
|
وسم البداية
|
</p>
|
>
|
style="color:red" title="PC"
|
<p
|
انهاردة هنعدل علي اللون فقط
فأي خاصية داخلها بتبقي علي الصورة دي
style="name:value"
وعلي نفس الأساس
style="color:red"
طبعاً ممكن تكتب الوان اخري بدل الأحمر
green- blue- yellow- black -white الخ
ثاني سمة
title
وهو نص سيتم عرضه عندما تقف بالماوس فوق البراجراف
وكما قولنا
name="value"
كذلك ينطبق عليها
title="text"
نجربه في المتصفح
اكتب الكود ده في نوتباد
وافتح الملف
وافتح الملف
_____________________
<!DOCTYPE html>
<html>
<body>
<p style="color:red" title="PC">My first paragraph.</p>
</body>
</html>
_______________________
في نوتباد واحفظه بامتداد
.html
هيظهرلك كدا
تعريف لغة المستند
تعرف ب سمة
lang
htmlوتكتب في وسم البداية لدي عنصر
وتكتب هكذا
<html lang="ar-EG">
اول حرفين اللغة
ثاني حرفين الدولة
-تفصل بينهم
وتلك الخاصية لها اهمية في محركات البحث وتطبيقات قراءة الشاشة
والكود كامل بيبقي كدا
<!DOCTYPE html>
<html lang="en-US">
<body>
</body>
<html lang="en-US">
<body>
</body>
</html>
وطبعاً ممكن تعمل الخطوات اللي قولنا عليها سابقاً لكن الكود ده عبارة عن تعريف للصفحة لذلك مفيش حاجة هتبان
_________________________________________________________________________
نصائح
استخدم الحروف الصغيرة في السمات**
لا تنسي علامات الاقتباسات**
ويمكن كتابتها
"" أو ''
ولكن في حالة انك كاتب جملة داخلها علامات الاقتباس**
استخدم عكسها في الاقتباس الاساسي مثال
title=' I am "Computer programming" '
_
للرؤية كل الدروس
ليست هناك تعليقات:
إرسال تعليق