نظرة عامة علي لغة ترميز النصوص التشعبية (HTML)



2 نوفمبر، 2021 | تيتو 4 تك


  • ترمز HTML إلى Hyper Text Markup Language ، وهي اللغة الأكثر استخدامًا لكتابة صفحات الويب.

    يشير النص التشعبي إلى الطريقة التي يتم بها ربط صفحات الويب (مستندات HTML) ببعضها البعض. وبالتالي ، فإن الارتباط المتاح على صفحة ويب يسمى Hypertext.

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

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

    الآن ، يتم استخدام HTML على نطاق واسع لتنسيق صفحات الويب بمساعدة العلامات المختلفة المتاحة بلغة HTML.

     

     

    enlightened  مستند HTML الأساسي

     

     

    في أبسط أشكاله ، فيما يلي مثال على مستند HTML :

     

    <!DOCTYPE html>
    <html>
    
       <head>  
          <title/> هذا عنوان المستند <title>       
       </head>  
    	
       <body>  
          <h1/> هذا العنوان الاول الرئيسي <h1>       
          <p/> هنا محتوي المستند ..... <p>       
       </body>  
    	
    </html>

     

    وسوف تكون نتيجته أو شكله كالتالي :

     

    هذا العنوان الاول الرئيسي

    هنا محتوي المستند .....

     

     

    enlightened  العلامات (HTMLTags)

     

    كما ذكرنا سابقًا ، تعد HTML لغة ترميزية وتستخدم العديد من العلامات لتنسيق المحتوى. يتم وضع هذه العلامات داخل أقواس معقوفة زوايا <اسم العلامة>. باستثناء عدد قليل من العلامات ، تحتوي معظم العلامات على علامات إغلاق مقابلة لها. على سبيل المثال ، يحتوي <html> على علامة الإغلاق </html> وعلامة <body> بها علامة الإغلاق </body> وما إلى ذلك.

     

    1  -   <! DOCTYPE ...>

    تحدد هذه العلامة نوع المستند وإصدار HTML.

    2  -   <html>

    تحتوي هذه العلامة على مستند HTML الكامل وتتألف بشكل أساسي من رأس المستند الذي يتم تمثيله بواسطة <head> ... </head> وجسم المستند الذي يتم تمثيله بعلامات <body> </body>.

    3  -  <head>

    تمثل هذه العلامة عنوان المستند الذي يمكنه الاحتفاظ بعلامات HTML الأخرى مثل <title> و <link> وما إلى ذلك.

    4  -  <title>

    تُستخدم علامة <title> داخل علامة <head> للإشارة إلى عنوان المستند.

    5  -  <body>

    تمثل هذه العلامة نص المستند الذي يحتفظ بعلامات HTML الأخرى مثل <h1> و <div> و <p> وما إلى ذلك.

    6  -  <h1>

    هذه العلامة تمثل العنوان الرئيسي.

    7  -  <p>

    هذه العلامة تمثل فقرة.

     

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

    يوصي اتحاد شبكة الويب العالمية (W3C) باستخدام علامات صغيرة تبدأ من HTML 4.

     

     

    enlightened  بنية مستند HTML

     

    سيكون لمستند HTML النموذجي الهيكل التالي :

     

    <html>
        <head>  
    العلامات ذات الصلة برأس المستند     
     </head>  
       <body>  
    العلامات ذات الصلة بجسم المستند     
      </body>  
       </html>

     

    سوف ندرس جميع علامات الرأس والجسم في الشروحات اللاحقة ، ولكن الآن دعنا نرى ما هو علامة إعلان المستند.

     

     

    enlightened  إعلان <! DOCTYPE>

     

    يتم استخدام علامة الإعلان <! DOCTYPE> بواسطة مستعرض الويب لفهم إصدار HTML المستخدم في المستند. الإصدار الحالي من HTML هو 5 ويستخدم الإعلان التالي :

     

    <!DOCTYPE html>

     

    هناك العديد من أنواع الإعلانات الأخرى التي يمكن استخدامها في مستند HTML اعتمادًا على إصدار HTML المستخدم. سنرى المزيد من التفاصيل حول هذا أثناء مناقشة علامة <! DOCTYPE ...> جنبًا إلى جنب مع علامات HTML الأخرى.