[تعلم HTML] درس #4 - تعلم Attributes سمات في لغة HTML


كتبت العديد من الدروس المتعلقة بلغة HTML يمكن مراجعة كل الدروس من هنا "تعلم لغة HTML5 من البداية إلى الاحتراف" ستجد الكثير من دروس في لغة HTML ، في موضوعنا اليوم عن تعلم Attributes.

<a>
كما ذكرنا في الدروس السابقه ان href للروابط مثل هذا الرابط او الكود، وطبعاً يجب ان يبدأ بـ <a> وينتهي بـ <a/> ،، لا يلزم ان يكون بنفس الشكل، لكن يوجد فتحات معينه تكتبها في وضع الرابط مع الكلمه مثل هذا الكود
<a href="https://www.khlasa.com">text</a>

مكان ارابط تضع اي رابط، ومكان text تكتب الكلمه التي تريد دمحها مع الرابط لفتح صفحة او موقع معين.


SRC
نحتاجها في الصورة مثل هذا الكود <img src="img_girl.jpg">
طبعاً كم ترى ان src موجوده بعد img ، معنى هذا ان الكود للصور، ويمكن تغيير img_girl.jpg بإسم وصيغة الصورة في جهازك.

ويمكن تغيير عرض وارتفاع الصورة بهذا الكود
<img src="img_girl.jpg" width="500" height="600">

width = العرض
height = الطول او الارتفاع

alt
يعني البديل للصورة، هذا طبعاً مفيد للشخص الأعمى الذي يستخدم قاريء الشاشة، فيعرف اسم الصورة او الكلمه التي تكتبها بديلاً للصورة.
<img src="img_girl.jpg" alt="Girl with a jacket">

كما تلاحظ، مكتوب alt وبعدها الجمله البديله للصورة

style
كتبت عنها في درس سابق وهي متميز بلتوين نص معين حسب ماتكتبه في الكود
<p style="color:red">I am a paragraph</p>

مثال :
I am a paragraph
يمكن تغيير الكلمه في الكود، ويمكن تغيير اللون بتبديل كلمة red بإسم اللون الذي تريده.

lang
نحتاجها للغات مثل هذا الكود، للتعرف على لغة الموقع
<html lang="en-US">

سمة <p> مع title
يعطي تلميح لنص معين على النص
<p title="I'm a tooltip"> This is a paragraph. </p>
شاهد التوضيح من هنا لتفهم أكثر

الخلاصة
  1. alt يحدد نصا بديلا لصورة ما، عندما يتعذر عرض الصورة
  2. disabled تعطيل عنصر الإدخال بحيث اذا صممت بـ css تجد ان التصميم موجود في مكان معين لا يخرج عنه
  3. href يحدد عنوان URL (عنوان الويب) لرابط معين انت تكتبه في الكود
  4. id يحدد معرف فريد لعنصر
  5. src يحدد عنوان URL (عنوان الويب) للصورة
  6. style تلوين نص معين
  7. title يحدد معلومات إضافية حول عنصر (يتم عرضه على شكل تلميح أداة)


دورة html بالكامل من هنا "لغة HTML"

المصدر
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-