كتبت العديد من الدروس المتعلقة بلغة 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>
شاهد التوضيح من هنا لتفهم أكثر
الخلاصة
- alt يحدد نصا بديلا لصورة ما، عندما يتعذر عرض الصورة
- disabled تعطيل عنصر الإدخال بحيث اذا صممت بـ css تجد ان التصميم موجود في مكان معين لا يخرج عنه
- href يحدد عنوان URL (عنوان الويب) لرابط معين انت تكتبه في الكود
- id يحدد معرف فريد لعنصر
- src يحدد عنوان URL (عنوان الويب) للصورة
- style تلوين نص معين
- title يحدد معلومات إضافية حول عنصر (يتم عرضه على شكل تلميح أداة)
تعرف على أفضل 5 برامج لكتابة النصوص البرمجية
دورة html بالكامل من هنا "لغة HTML"
المصدر