مقدمة HTML

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

ما هو HTML؟

ترمز HTML إلى Hyper Text Markup Language
HTML هي لغة الترميز القياسية لإنشاء صفحات الويب
يصف 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>العنصر على معلومات وصفية حول صفحة HTML
يحدد <title>العنصر عنوانًا لصفحة HTML (الذي يظهر في شريط عنوان المتصفح أو في علامة تبويب الصفحة)
يحدد <body>العنصر نص المستند ، وهو عبارة عن حاوية لجميع المحتويات المرئية ، مثل العناوين والفقرات والصور والارتباطات التشعبية والجداول والقوائم وما إلى ذلك.
يحدد <h1>العنصر عنوانًا كبيرًا
يحدد <p>العنصر فقرة

ما هو عنصر HTML؟

يتم تعريف عنصر HTML بواسطة علامة البداية وبعض المحتويات وعلامة النهاية:

< tagname > المحتوى يذهب هنا ... < / tagname >

عنصر HTML هو كل شيء من علامة البداية إلى وسم النهاية:

< h1 > العنوان الأول الخاص بي < / h1 >

< p > فقرتي الأولى. < / p >

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
<br>	none	none

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

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

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

لا يعرض المستعرض علامات HTML ، ولكنه يستخدمها لتحديد كيفية عرض المستند:

عرض في المستعرض

هيكل صفحة HTML

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

<html>

<head>

<title> عنوان الصفحة </ title>

</head>

<الجسم>

<h1> هذا عنوان </ h1>

</body>

</html>

ملاحظة: سيتم عرض المحتوى الموجود داخل قسم <body> (المنطقة البيضاء أعلاه) في المتصفح. سيظهر المحتوى الموجود داخل عنصر <title> في شريط عنوان المتصفح أو في علامة تبويب الصفحة.

تاريخ HTML

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

Year	Version
1989	Tim Berners-Lee invented www
1991	Tim Berners-Lee invented HTML
1993	Dave Raggett drafted HTML+
1995	HTML Working Group defined HTML 2.0
1997	W3C Recommendation: HTML 3.2
1999	W3C Recommendation: HTML 4.01
2000	W3C Recommendation: XHTML 1.0
2008	WHATWG HTML5 First Public Draft
2012	WHATWG HTML5 Living Standard
2014	W3C Recommendation: HTML5
2016	W3C Candidate Recommendation: HTML 5.1
2017	W3C Recommendation: HTML5.1 2nd Edition
2017	W3C Recommendation: HTML5.2

يتبع هذا البرنامج التعليمي أحدث معايير HTML5.

❮ سابق التالي ❯

دروس HTML

نماذج HTML

رسومات HTML

وسائط HTML

واجهات برمجة تطبيقات HTML

أمثلة HTML

مراجع HTML