مقدمة عن لغة HTML


في هذا الفصل، سنراجع بإيجاز بعض العلامات الشائعة في مستند HTMLليس في نيتنا في هذا المقال تدريس هذه العناصر بشكل كامل وهي مجرد معرفة أساسية. (لذلك لا تقلق عليهم، سنقوم بتغطيتهم بالكامل في التدوينات التالية)


HTML هي لغة الترميز القياسية لتصميم صفحات الويب.

 ● ترمز HTML إلى Hyper Text Markup Language
 ● عناصر HTML هي اللبنات الأساسية لصفحات HTML
 ● يتم تمثيل عناصر HTML باستخدام العلامات
 ● لا تعرض المستعرضات عناصر HTML في الإخراج، ولكنها تستخدمها لعرض محتوى الصفحة.

في رمز المثال أدناه، يمكنك رؤية مستند HTML بسيط:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>


شرح العناصر المستخدمة في المثال:

<!DOCTYPE html>  يحدد أن نوع المستند المستخدم هو HTML5.
<html> العنصر الجذر من صفحة HTML.
<head> يحتوي على معلومات حول المستند ويمكن تضمين مراجع الدورة التدريبية إلى ملفات CSS و JavaScript.
<title> تحدد عنوان صفحة HTML.
<body> يحتوي نص مستند HTML على العناصر التي يتم عرضها في إخراج المستعرض.
<h1> يحدد العنوان الأكثر أهمية لنصنا في مستند HTML
<p> يحدد فقرة في مستند HTML.


العلامات في HTML

علامات HTML هي اسم العناصر المحاطة برموز أصغر وأكبر:

<tagname>content goes here...</tagname>

عادةً ما يتم إقران العلامات في HTML، مثل: <p> و <p />

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


متصفحات الانترنت 

الغرض من متصفح الإنترنت مثل Chrome و Internet Explorer و Firefox و Safari هو قراءة مستندات HTML وعرض محتواها. لا تعرض المستعرضات علامات HTML ولكنها تستخدمها لعرض محتوى الصفحة.


النص الأساسي لصفحة HTML

في مثال الكود التالي، يمكنك رؤية الهيكل الرئيسي لصفحة HTML: 

<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>


علامة <DOCTYPE!>

تحدد العلامة <DOCTYPE!> نوع المستند وتساعد المستعرض على عرض الصفحة بشكل أفضل.
يتم وضع هذه العلامة مرة واحدة فقط في أعلى الصفحة (قبل علامة HTML).
العلامة <DOCTYPE!> ليست حساسة لحالة الأحرف وهي مقبولة للمتصفح في كلتا الحالتين.
في مثال التعليمات البرمجية التالي، يمكنك معرفة كيفية تحديد علامة نوع المستند:

<!DOCTYPE html>

إصدارات مختلفة من HTML

منذ الأيام الأولى للويب، تم تقديم إصدارات مختلفة من HTML. يمكنك مشاهدة هذه الإصدارات  أدناه:


1991        لغة البرمجة          

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML    2000

HTML5         2014





كلمات مفتاحية: