لغة html

عالم الانترنت عالم الانترنت

 

تعريف لغة HTML (بالإنجليزية: HyperText Markup Language)‏ (اختصار إتش تي إم إل HTML)

تعريف لغة HTML

(بالإنجليزية: HyperText Markup Language)‏ (اختصار إتش تي إم إل HTML)

لغة ترميز النص الفائق (بالإنجليزية: HyperText Markup Language)‏ (اختصار إتش تي إم إل HTML)، هي لغة ترميز تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب. HTML هيكل صفحة الويب وتعطي متصفّح الإنترنت وصفا لكيفيّة عرضه لمحتوياتها، يمكن أن تساعده تقنيات مثل أوراق الأنماط المتتالية (CSS) ولغات البرمجة النصية مثل جافا سكريبت تستقبل متصفحات الويب مستندات HTML من خادم الويب أو من نظام الملفات وتعرضها، ووظيفة لغة HTML هي وصف بنية صفحات الويب هيكليًا.

من إيجابيات لغة html

 html عبارة عن اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب، فما إيجابيات هذه اللغة؟وتمتلك العديد من المُميزات مثل:

  • سهلة التعلم والاستخدام.
  • HTML مجاني.
  • يتم دعم HTML من قبل جميع المتصفحات.
  • HTML هو محرك البحث الأكثر ملاءمة.
  • HTML سهل التحرير.
  • HTML هو أساسي لجميع لغات البرمجة.

تاريخ html

لقد تم تصميم لغة الـ HTML الأولية في عام 1992 من قبل تيم بارنرز لي -Tim Berners-Lee- وروبرت كاليو -Robert Caillau-. حيث قاما باشتقاق لغة الـHTML من لغة الـSGML، ووفقًا لمرجع عنصر HTML لشبكة Mozilla Developer Network، يوجد حاليًا 140 علامة HTML، على الرغم من أن بعضها قديم بالفعل (لا تدعمه المتصفحات الحديثة)، ونظرًا للارتفاع السريع في شعبيتها، تعتبر HTML الآن معيارًا رسميًا للويب.

مراحل تطور اللغة :

  • عام 1989 قام المهندس Tim Berners-Lee بابتكار أول مشروع برمجي هدفه مشاركة البيانات عبر شبكة النت ( World Wide Web ) و التي تختصر بالأحرف WWW التي لا زلنا حتى يومنا نراها في روابط المواقع. في ذاك الوقت كان الدخول للنت صعباً لأنه لم يكن هناك متصفحات تعرض المحتوى بشكل جميل.
  • عام 1991 قام المهندس Tim Berners-Lee بإبتكار لغة HTML بهدف عرض البيانات بشكل أفضل بداخل المتصفح.
  • عام 1993 قام المهندس Dave Raggett بإضافة بعض التطويرات على اللغة و قام بتسمية الإصدار HTML+.
  • عام 1994 قام المهندس Tim Berners-Lee بتأسيس شركة W3C حتى يتابعوا تطوير لغة HTML و البروتكولات التي تستخدم في شبكة النت بشكل منظم و لتكون المركز الأساسي للتطوير.
  • عام 1995 قام مجموعة من المهندسين بإضافة بعض التطويرات على اللغة و قاموا بتسمية الإصدار HTML 2.0.
  • عام 1997 قامت شركة W3C بإضافة بعض التطويرات على اللغة و قاموا بتسمية الإصدار HTML 3.2.
  • عام 1999 قامت شركة W3C بإضافة بعض التطويرات على اللغة و قاموا بتسمية الإصدار HTML 4.01.
  • عام 2014 قامت شركة W3C بإضافة بعض التطويرات المهمة جداً على اللغة و قاموا بتسمية الإصدار HTML 5.
  • عام 2016 قامت شركة W3C بإضافة بعض التطويرات على على الإصدار الخامس و قاموا بتسمية الإصدار HTML 5.1.
  • عام 2017 قامت شركة W3C بإضافة بعض التطويرات على على الإصدار الخامس و قاموا بتسمية الإصدار HTML 5.2.

إصدارات HTML

من بداية ظهور المتصفحات و لغة HTML يتم تطويرها و إضافة المزيد من الميزات فيها مع كل إصدار جديد و الجميل في الأمر أنه من يعرف إصدار واحد منها يمكنه بكل سهولة التعامل مع أي إصدار آخر لأن مبادئ اللغة هي نفسها.

الإصدار الذي يجب عليك تعلمه في الوقت الحالي هو الإصدار الخامس من اللغة الذي يقال له HTML5.
هذا الإصدار أضيف فيه العديد من الميزات المهمة التي لم يسبق إضافتها في الإصدارات السابقة أهمها إمكانية عرض فيديوهات, أغاني و رسومات في الصفحات بكل سهولة و بشكل مباشر بدون الحاجة لاستخدام إضافات ( Plugins ) خاصة لذلك, لهذا أصبح الجميع يستخدمه بدلاً من باقي الإصدارات.

 شرح مثال لغة HTML

  • <! DOCTYPE html> تعني أن هذه الصفحة هي HTML5.
  • <html> هو العنصر الرئيسى لصفحة HTML لذلك يكتب أولاً.
  • <head> تحتوي على معلومات وصفية حول الصفحة لذلك تكتب ثانياً .
  • <title> عنوان لصفحة HTML (والذي يظهر في شريط عنوان المتصفح كما في علامة تبويب الصفحة).
  • <body> جسم الصفحة، وهو عبارة عن حاوية لجميع المحتويات المرئية مثل العناوين، والفقرات، والصور، والارتباطات التشعبية، والجداول، والقوائم، وما إلى ذلك.
  • <h1> ترمز إلى أن كل العناوين في هذه الصفحة h1.
  • <p> ترمز إلى فقرة.

شرح مثال الصورة

هذه من الوسوم التلقائية الإغلاق (لاحظ إغلاقها) أما الـ src لوضع الرابط لمكان تواجد الصورة كالتالي:
</img src="image.png" alt="وصف لصورتي">

شرح مثال الربط التشعبي

<a href="https://www.google.com" title="google">اضغط هنا تذهب إلى جوجل</a> 

أنواع الوسوم في HTML

بشكل عام, أي شيء يتم إضافته في الصفحة يقال له وسم ( Tag ) و يوجد نوعين من الوسوم:

  • وسوم فردية ( Single Tags ) و هذه تعني أن الوسم لا يمكن وضع وسم آخر فيه مثل الوسم
    <br/>
  • وسوم زوجية ( Paired Tags ) و يقصد بها أن الوسم يمكن أن يوضع فيه وسوم أخرى مثل الوسم
    <p> </p>

 

المراجع

1 

عالم الانترنت
عالم الانترنت

مقالات قد تهمك