فاصلة
  • HTML
  • ?
    : ترتيب الدرس
  • 17
    عدد الدروس
  • ?
    أخر تحديث

خصائص لغة HTML

الخاصية هي عبارة عن وظيفة اضافية يتم تركيبها علي العنصر ليتم اضافة شيء جديد للعنصر او تعديل شيء في العنصر ,والأن لنفترض بأنك تريد تغيير اللون الأبيض للموقع الي اللون الأخضر ,سنحتاج الي خاصية يتم اضافتها للوسم body لتغيير لون الموقع من اللون الأبيض للون الأخضر مثلاً. ولنفترض أيضاً بأنك تحتاج الي تحديد لغة الموقع ,سنحتاج الي اضافة الخاصية lang  الي العنصر html الرئيسي لتغيير لغة الموقع من اللغة الأفتراضية الي اللغة العربية ,ويمكننا أختصار تعريف الخاصية بأنها عقل العنصر

<html lang="ar">

الأن وصلنا الي نقطة أتفاق بأن الخصائص هي وظائف اضافية للعنصر يتم اضافتها لتغيير شيء او اضافة شيء جديد للعنصر ,ويتم كتابة الخاصية في وسم البداية فقد . والأن سوف نبدأ في عرض أكثر الخصائص أستخداماً في لغة HTML


الخاصية href

هي خاصية تستخدم مع وسم الروابط <a> لأضافة عنوان الرابط الذي سنقوم بزيارتة عند الضغط علية ,والأن سنفترض بأنك تقوم ببناء رابط في الموقع الخاص بك ليقوم بتحويلك الي موقع محدد عن الضغط علي الرابط .

اولاً :كتابة الوسم <a> ومن ثم اضافة الخاصية href وتحديد عنوان الرابط بداخلها .

<a href="faslaa.com"> الأسم الذي سوف يظهر في الصفحة </a>


الخاصية Src

هي الخاصية المسؤولة عن تحديد مسار الصورة علي الجهاز الخاص بك لأختيارها واضافتها الي الموقع ,ويتم اضافة الخاصية src داخل وسم الصور ليعمل الوسم علي أكمل وجه ,وبدون الخاصية src لن يعمل الوسم <img> ,وكيف يعمل الوسم  بدون اختيار صورة .

<img src="folder1/photo.jpg">


الخاصية Height, Width 

الخاصية height والخاصية width يتم استخدامهم مع الوسم <img> لتحديد طول الصورة وعرضها ,والأن لنفترض بأن لديك صورة طولها 500 وعرضها 500 ,ولكن أنت تحتاج إلي اضافتها للموقع بمقاس محدد وليكن 250*250 ,الأن الصورة الأصلية مقاسها 500*500 ,وأنت تريدها في الموقع بمقاس 250*250 ,في تلك الحالة نستخدم الخاصية height لتحديد الطول الجديد للصورة والخاصية Width لتحديد العرض الجديد .

<img src="photo.jpg" height="250px" width="250px">


الخاصية Alt

الخاصية alt يتم اضافتها الي الوسم img لأختيار نص محدد يظهر عند الوقوف علي الصورة ,ويتم استخدام الخاصية alt لتوضيح معني الصورة عند وقوف المستخدم  عليها بمؤشر الماوس سوف يظهر نص توضيحي بسيط وهو نفس النص المكتوب داخل الوسم alt .

<img src="photo.jpg" alt ="صورة كمبيوتر">

الأدوات أساسيات العناصر خصائص العناوين الفقرات الأنماط التنسيق التعليقات الألوان الروابط الصور الجداول القوائم الترتيب النماذج الميتا تاج