كمبيوتر

تعريف HTML واستخداماتها الأساسية

اخر تحديث 04/05/2025
33 تمت قراءة 3 دقيقة

تعريف لغة HTML واستخداماتها في بناء صفحات الويب

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

مواضيع ذات صلة

تاريخ HTML وتطورها

ظهرت HTML لأول مرة في عام 1991 على يد العالم البريطاني تيم بيرنرز-لي، الذي كان يعمل في المنظمة الأوروبية للأبحاث النووية (CERN). كان الهدف من HTML هو توفير وسيلة للربط بين النصوص والمستندات الإلكترونية عبر الإنترنت بطريقة تمكن المستخدمين من الوصول إلى المعلومات بطرق سهلة ومرنة. منذ ذلك الوقت، تطورت HTML بشكل مستمر، حيث أُضيفت إليها العديد من التحسينات والميزات لتلبية احتياجات المطورين والمستخدمين.

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

الهيكل الأساسي للغة HTML

تعتمد لغة HTML على هيكلية تُسمى “التوسيم” أو “العلامات”، والتي تعمل على تحديد كيفية عرض المحتوى داخل متصفح الإنترنت. يتكون أي مستند HTML من مجموعة من العناصر، وكل عنصر يتكون من وسم فتح ووسم إغلاق. على سبيل المثال، وسم الفقرة يُكتب كالتالي:

html
<p>هذه هي الفقرة الأولى في المستند.p>

يتكون المستند HTML الأساسي من مجموعة من العناصر الرئيسية:

  • العنصر : يمثل المستند بشكل كامل.

  • العنصر : يحتوي على المعلومات الميتا للمستند، مثل العنوان وملفات الـ CSS وملفات JavaScript.

  • العنصر : يحتوي على المحتوى الذي يتم عرضه في المتصفح، مثل النصوص والصور والروابط.

html
html>
<html>
<head>
    <title>عنوان الصفحةtitle>
head>
<body>
    <h1>أهلاً وسهلاً بك في صفحة الويب الخاصة بيh1>
    <p>هذه فقرة توضح كيفية استخدام HTML.p>
body>
html>

أهم عناصر HTML

تتعدد العناصر التي يمكن استخدامها في HTML لبناء الصفحات بشكل منظم وجميل. من أبرز هذه العناصر:

  1. الروابط (Links):
    تُستخدم لإنشاء روابط تشعبية بين الصفحات أو إلى مواقع خارجية. يتم تحديد الرابط باستخدام وسم ، ويتم تحديد الموقع باستخدام السمة href.

    html
    <a href="https://www.example.com">زيارة موقع Examplea>

  2. الصور (Images):
    لعرض الصور في صفحة الويب، يتم استخدام العنصر مع تحديد مصدر الصورة عبر السمة src.

    html
    <img src="image.jpg" alt="وصف الصورة">

  3. الجداول (Tables):
    تُستخدم الجداول لعرض البيانات بشكل منظم باستخدام العناصر

    ،

    ,

    , و

    		.

    html
    <table>
    <tr>
        <th>الاسمth>
        <th>العمرth>
    tr>
    <tr>
        <td>أحمدtd>
        <td>25td>
    tr>
table>

  4. القوائم (Lists):
    تستخدم القوائم لعرض مجموعة من العناصر، مثل القوائم المرتبة (

      ) وغير المرتبة (

        ).

        html
        <ul>
    <li>التعلم البرمجةli>
    <li>ممارسة الرياضةli>
ul>

      • النماذج (Forms):
        تُستخدم النماذج لجمع البيانات من المستخدمين، مثل الأسماء والبريد الإلكتروني. يتم تضمين العناصر مثل ,