لغة HTML (HyperText Markup Language) هي اللغة الأساسية المستخدمة لإنشاء صفحات الويب. تتكون HTML من مجموعة من العناصر (tags) التي تُستخدم لوصف بنية المحتوى داخل الصفحة.

إليك بعض السمات أو الخصائص التي تتعلق باللغة:

1. العناصر الأساسية لـ HTML:

<html>: العنصر الرئيسي الذي يحيط بالكل في الصفحة.
<head>: يحتوي على معلومات غير مرئية للمستخدم مثل العنوان، الروابط، ووصف الميتا.
<title>: يحدد عنوان الصفحة الذي يظهر في شريط العنوان في المتصفح.
<body>: يحتوي على محتوى الصفحة الذي يظهر للمستخدم.

2. السمات (Attributes):

السمات هي خصائص إضافية تُضاف إلى العناصر لتحديد كيفية تصرف العنصر أو كيفية عرضه. تكون السمات عادة في شكل اسم_السمة="القيمة".

بعض السمات الشائعة

id: تستخدم لتعريف العنصر بشكل فريد في الصفحة.
class: تُستخدم لتحديد فئة أو مجموعة من العناصر التي يمكن تنسيقها بنفس الطريقة باستخدام CSS.
src: تُستخدم لتحديد مصدر الصورة في <img>.
href: تُستخدم لتحديد الرابط في العنصر <a> (الرابط التشعبي).
alt: تُستخدم لوصف صورة عندما لا تكون الصورة قابلة للعرض.
style: تُستخدم لتحديد أسلوب العنصر باستخدام CSS.

3. أمثلة على السمات في HTML:

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مثال صفحة HTML</title>
</head>
<body>

    <h1 id="main-heading" class="header">مرحبًا بك في صفحتي!</h1>
    
    <p>هذه فقرة نصية تحتوي على <a href="https://example.com" target="_blank">رابط</a>.</p>

    <img src="image.jpg" alt="صورة توضيحية" width="500" height="300">

</body>
</html>

4. السمات الخاصة بالألوان والتنسيق:

يمكن استخدام سمات مثل style في HTML لتطبيق أنماط مباشرة داخل العناصر. ومع ذلك، من الأفضل غالبًا استخدام CSS لتنظيم التنسيق.

<p style="color: red; font-size: 20px;">نص باللون الأحمر وبحجم 20px</p>

5. السمات الخاصة بالروابط:

target="_blank": لفتح الرابط في نافذة جديدة.
rel="noopener noreferrer": لزيادة الأمان عند فتح الرابط في نافذة جديدة.

6. السمات الخاصة بالصور:

width و height: لضبط أبعاد الصورة.
alt: لوصف الصورة في حال لم تكن موجودة.

7. السمات الخاصة بالنماذج:

في HTML، يمكن استخدام السمات الخاصة بالنماذج مثل action و method لتحديد كيفية إرسال البيانات:

<form action="submit_form.php" method="POST">
    <input type="text" name="username" placeholder="اسم المستخدم">
    <input type="submit" value="إرسال">
</form>

8. السمات الخاصة بالتحكم في الوسائط:

تستخدم عناصر مثل <audio> و <video> سمات لضبط إعدادات التشغيل:

<audio controls>
    <source src="audio.mp3" type="audio/mp3">
    متصفحك لا يدعم تشغيل الصوت.
</audio>

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    متصفحك لا يدعم الفيديو.
</video>