ما هي لغة HTML؟

HyperText Markup Language

لغات البرمجة معقدة، لكن يمكنك البدء بدراسة لغة توصيف النص الفائق أشهرها وأقلها تعقيدًا. فما هو تعريف، واستخدامات وأوامر لغة HTML؟

0 50

لغة توصيف النص الفائق؛ لغة برمجة مهمة، لذلك دراستها تعد بداية مميزة للمولعين بعالم المرمجة. فما هو تعريف، وأوامر، واستخدامات لغة HTML؟


تعريف لغة HTML

HTML هي اختصار يرمز إلى (Hyper Text Markup Language)، ومعناها لغة توصيف أو ترميز النص الفائق. كما أنها لغة الترميز القياسية لإنشاء صفحات الويب، وتطبيقات هجينة تعمل على الهواتف المحمولة كذلك تطبيقات تعمل على أنظمة التشغيل ويندوز أو لينكس أو أواس أو ماك.

من استخدامات لغة HTML أنها مخصصة للبناء الهيكلي لصفحات الويب التي تعمل على المتصفحات مثل (جوجل كروم، أو سفاري، أو فيرفوكس وغيرها)، وتستخدم مجموعة من الأوامر يفهمها المتصفح  لذلك يقوم بعرض المحتوى فقط. بالإضافة إلى ذلك فإنه حديثاً تتطورت اللغة ليتم استخدامها في بناء تطبيقات الهواتف الذكية.

تتكون اللغة من مجموعة من الأوامر، والوسوم، والعناصر التي تصف محتويات صفحة الويب خاصة. بالتالي تقوم لغة HTML بالتعرف على أجزاء صفحة الويب وتسميتها مثل “هذا عنوان”، “هذه فقرة”، “هذه صورة”، “هذا ارتباط”، إلخ.

تم ابتكار هذه اللغة خصيصًا لكي تعمل على متصفحات الويب فقط في البداية بعد اخترع شبكة الانترنت العالمية WWW.


مثال على أوامر لغة HTML

كتابة كود باللغة ترميز النص الفائق بسيط ورائع كالتالي:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

“اقرأ أيضًا: الدوال فى لغة ال ++C“

شرح مثال لغة HTML

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

“اقرأ أيضًا: أفضل لغات البرمجة لتصميم الويب: أفضل لغات مطوري frontend


عناصر لغة توصيف النص الفائق

حاليًا لغة ترميز النص الفائق HTML يتم تعريف عناصرها بواسطة علامة البداية وعلامة النهاية وبينهما المحتوي. مثلاً :

</tagname>كتابة المحتوى هنا<tagname>

</h1>العنوان<h1>

</p>الفقرة<p>
بداية الوسممحتوى العنصرنهاية الوسم
<h1>العنوان</h1>
<p>الفقرة<p/>
<img>صورة

 

إيضاح: بعض عناصر HTML ليس لها محتوى (مثل عنصر <br>)؛ تسمى هذه العناصر بالعناصر الفارغة، والعناصر الفارغة ليس لها علامة نهاية.

اقرأ أيضًا: مواقع لتعلم البرمجة


علاقة HTML بمتصفح الإنترنت

الغرض من متصفحات الويب (Chrome, Edge, Firefox, Safari) هو قراءة صفحات لغة ترميز النص الفائق وعرضها بشكل صحيح. بالرغم من أن المستعرض لا يعرض علامات HTML، لكنه يستخدمها لتحديد كيفية عرض المستند:

أوامر لغة HTML
صفحة HTML بسيطة

اقرأ ايضاً “أفضل لغات البرمجة للأندرويد“


هيكل لغة توصيف النص الفائق

يوجد أدناه تصور لهيكل صفحة HTML:

استخدامات لغة HTML
هيكل صفحه لغة HTML

“اقرأ ايضاً: عنوان الأيبى IP”


متى كانت بداية HTML؟

لغة html كانت محل اهتمام عبر الزمن لذلك أخذت في التطور:

السنةالإصدار
1989اخترع تيم بيرنرز لي شبكة الاتصالات العالمية
1991اخترع تيم بيرنرز لي HTML
1993صاغ ديف راجيت HTML
1995 HTML 2.0
1997HTML 3.2
1999 HTML 4.01
2000 XHTML 1.0
2008أول مسودة عامة HTML5 HTML5
2012الإصدار النهائي HTML5
2014HTML5
2016HTML 5.1
2017الإصدار الثاني من HTML5.1
2017 HTML5.2

نستنتج أن لغة HTML أو ترميز النص الفائق تعد عنصر أساسي في البرمجة، فهي مخصصة للبناء الهيكلي لمواقع الويب. أو بعبارة أخرى هي أول ما يجب أن تتعلمة للدخول إلى عالم البرمجة، لذلك تم تطويرها حديثًا لبناء تطبيقات الهواتف المحمولة.

اترك رد