HTML
هي اختصار لـ "HyperText Markup Language"، وتعتبر لغة توصيف
لترميز وتنسيق المحتوى على صفحات الويب. يتم استخدام HTML
لبناء هيكل صفحات الويب وتعريف العناصر المختلفة الموجودة فيها، مثل
العناوين والفقرات والصور والروابط والجداول ونماذج الإدخال وغيرها.
HTML يعتمد على نظام الوسوم (Markup)، حيث يتم استخدام الوسوم لتحديد بداية ونهاية العناصر وتنسيقها. كل وسم يبدأ برمز `<` متبوعًا بالاسم الخاص بالعنصر، ثم ينتهي برمز `>`، ويمكن أن يحتوي على سمات (Attributes) توفر معلومات إضافية حول العنصر.
فيما
يلي مثال بسيط يوضح كيف يتم استخدام HTML
لإنشاء صفحة ويب بسيطة:
```html
<!DOCTYPE html>
<html>
<head>
<title>عنوان
الصفحة</title>
</head>
<body>
<h1>عنوان
رئيسي</h1>
<p>هذه
هي فقرة نصية.</p>
<img src="صورة.jpg" alt="وصف الصورة">
<a href="https://example.com">رابط</a>
</body>
</html>
-
`<!DOCTYPE
html>`:
يحدد نوع المستند كـ HTML5.
-
`<html>`: يعرف بداية المستند
HTML.
-
`<head>`: يحتوي على المعلومات
الرئيسية للصفحة مثل عنوان الصفحة ورابط الأنماط السينمائية (CSS) والسكريبتات.
-
`<title>`: يحدد عنوان الصفحة
الذي يظهر في شريط عنوان المتصفح.
-
`<body>`: يحتوي على محتوى الصفحة
القابل للعرض مثل العناوين والفقرات والصور والروابط.
هذا
مثال بسيط يعرض بعض العناصر الأساسية في HTML،
وبالطبع هناك العديد من العناصر والسمات الأخرى التي يمكن استخدامها لتنسيق وتوسيع
صفحات الويب.
متى ظهرت
لغة html
لغة
HTML ظهرت لأول مرة في عام
1991. تم تطويرها بواسطة تيم بيرنرز لي، الذي كان يعمل في وقتها في منظمة البحوث الأوروبية
للفيزياء النووية (CERN).
في البداية، تم تطويرها كتقنية بسيطة لتبادل الوثائق النصية بين الباحثين في المنظمة.
مع مرور الوقت، تطورت وتحسنت وأصبحت اللغة الأساسية لبناء صفحات الويب. تم إصدار العديد من إصدارات HTML على مر السنين، حيث تم تحسين اللغة وإضافة مزايا جديدة في كل إصدار.
أحدث إصدار لـ HTML هو HTML5، الذي تم إصداره في عام 2014. HTML5 يأتي مع مجموعة واسعة من الميزات الجديدة والعناصر والسمات التي تعزز قدرات تطوير صفحات الويب.
منذ
ظهورها، أصبحت HTML لغة أساسية واسعة الانتشار
في مجال تطوير الويب وتشكل جزءًا أساسيًا من تقنيات الويب الحديثة.
تطور
HTML بمرور الوقت ليواكب تطور تكنولوجيا
الويب واحتياجات المستخدمين، وقد تم توسيعها وتعزيزها من خلال إضافة تقنيات أخرى مثل
CSS وJavaScript لتحسين تصميم ووظائف صفحات
الويب.
الفرق بين لغة htm ولغه c++
لغتي
HTML وC++ تختلفان بشكل كبير في الغرض الذي تستخدمان
لأجله وفي طبيعة عملهما. إليكم بعض الفروق الرئيسية بينهما:
1. الغرض
الأساسي:
- HTML:
تستخدم لوصف وتنسيق المحتوى على صفحات
الويب، مثل العناوين والفقرات والصور والروابط.
- C++:
تعتبر لغة برمجة عامة تستخدم
لتطوير تطبيقات الكمبيوتر والبرامج والألعاب وأنظمة التشغيل وغيرها. تركز على البرمجة القوية والنظامية وتوفر إمكانية
التحكم الكامل في الموارد والأجهزة.
2. النمط
والتركيب:
- HTML:
تعتمد على نظام الوسوم (Markup)، حيث يتم استخدام الوسوم لتحديد بداية ونهاية
العناصر وتنسيقها.
- C++:
تتبع بنية برمجية تتكون من تعليمات
وتعريفات ووظائف. تتطلب C++
إعطاء الاهتمام للترتيب الصحيح للكود وللصياغة الصحيحة للتعليمات.
3. المستخدم
النهائي:
- HTML:
تستهدف المتصفحات الويب والمستخدمين
الذين يتصفحون صفحات الويب.
- C++:
يمكن استخدام لتطوير تطبيقات وبرامج
لمجموعة متنوعة من الأهداف والمنصات، بما في ذلك تطبيقات سطح المكتب وتطبيقات الويب
وأنظمة التشغيل والألعاب والتطبيقات المدمجة.
4. المستوى
والأداء:
- HTML:
تعتبر لغة وصف المستندات وترميز المحتوى،
وهي لغة مستوى عالٍ جدًا وغالبًا ما تستخدم في واجهة المستخدم وتنسيق الويب.
- C++:
تعتبر لغة برمجة منخفضة المستوى
تسمح بالتحكم الكامل في الموارد والأجهزة وتوفر أداءً عاليًا. تستخدم C++ لتطوير تطبيقات تتطلب سرعة وكفاءة مثل ألعاب
الفيديو وأنظمة التشغيل.
هذه
بعض الفروق الرئيسية بين لغتي HTML
وC++.
يجب ملاحظة أنه يمكن استخدام كلا اللغتين معًا في تطوير تطبيقات ويب متقدمة، حيث يتم
استخدام HTML لبناء هيكل الصفحة وتنسيقها،
بينما يمكن استخدام C++
مع تقنيات أخرى مثل JavaScript
وCSS
لتطلغتي HTML
وC++
تختلفان بشكل كبير في الغرض الذي تستخدمان لأجله وفي طبيعة عملهما.
خصائص
لغة HTML
لغة HTML تحتوي على العديد من الخصائص التي تُستخدم لتخصيص عناصر صفحات الويب. هنا بعض الخصائص الشائعة في HTML:
1. الخصائص
العامة:
- `id`:
يُستخدم لتحديد هوية فريدة لعنصر HTML.
- `class`:
يُستخدم لتحديد الفئة التي ينتمي إليها العنصر.
- `style`:
يُستخدم لتحديد الأنماط المباشرة للعنصر باستخدام قواعد CSS.
- `title`: يُستخدم لتوفير عنوان توضيحي للعنصر.
2. خصائص
النص:
- `color`:
يُستخدم لتحديد لون النص.
- `font-size`:
يُستخدم لتحديد حجم الخط.
- `text-align`: يُستخدم لتحديد محاذاة النص (مثل `left`, `right`, `center`).
3. خصائص
الصور:
- `src`:
يُستخدم لتحديد موقع المصدر (URL)
للصورة.
- `alt`: يُستخدم لتوفير نص بديل يتم عرضه إذا فشل تحميل الصورة.
4. خصائص
الروابط:
- `href`:
يُستخدم لتحديد عنوان URL
الذي يتم الانتقال إليه عند النقر على الرابط.
- `target`: يُستخدم لتحديد كيفية فتح الرابط (مثل `_blank` لفتحه في نافذة جديدة).
5. خصائص
الجداول:
- `colspan`:
يُستخدم لتحديد عدد الأعمدة التي يمتد عليها خلية الجدول.
- `rowspan`: يُستخدم لتحديد عدد الصفوف التي يمتد عليها خلية الجدول.
6. خصائص
النماذج:
- `type`:
يُستخدم لتحديد نوع عنصر الإدخال (مثل `text`, `checkbox`, `radio`).
- `required`:
يُستخدم لتحديد ما إذا كان عنصر الإدخال مطلوبًا قبل إرسال النموذج.