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

Nov. 10, 2023 * تيتو 4 تك

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

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

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

 

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

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

 

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

 

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

 

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

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

 

العلامات (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.

 

بنية مستند HTML

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

 

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

 

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

 

إعلان <! DOCTYPE>

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

 

<!DOCTYPE html>

 

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

التسميات