HTML المقدمة
ما هو HTML ؟
HTML هي لغة الترميز القياسية لإنشاء صفحات الويب.
تعني Hyper Text Markup Language
يصف بنية صفحات الويب باستخدام العلامات
العناصر هي لبناء الصفحات
يتم تمثيل العناصر بالعلامات
تقوم العلامات بتسمية أجزاء من المحتوى مثل “العنوان” ، “الفقرة” ، “الجدول” ، وما إلى ذلك
لا تعرض المتصفحات العلامات ، ولكنها تستخدمها لعرض محتوى الصفحة
كود HTML بسيط
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>العنوان</h1>
<p>الفقرة</p>
</body>
</html>
شرح المثال
تعرف <! DOCTYPE html> بأن هذا المستند هو HTML5
العنصر <html> هو العنصر الجذر للصفحة
يحتوي العنصر <head> على معلومات التعريف حول المستند
يحدد العنصر <title> عنوانًا للمستند
يحتوي العنصر <body> على محتوى الصفحة المرئي
يحدد العنصر <h1> عنوانًا كبيرًا
يعرّف العنصر <p> بالفقرة
العلامات
العلامات هي أسماء عناصر محاطة بأقواس:
<tagname>المحتوى يكون هنا...</tagname>
عادةً ما تأتي العلامات في أزواج مثل <p> و </p>
العلامة الأولى في الزوج هي علامة البدء ، العلامة الثانية هي علامة النهاية
تتم كتابة علامة النهاية مثل علامة البدء ، ولكن مع إدراج شرطة مائلة للأمام قبل اسم العلامة
تلميح: تسمى علامة البدء أيضًا علامة الفتح ، وعلامة النهاية علامة الإغلاق.
متصفحات الانترنت
الغرض من متصفح الويب (Chrome ، IE ، Firefox ، Safari) هو قراءة المستندات وعرضها.
لا يعرض المستعرض العلامات ، ولكنه يستخدمها لتحديد كيفية عرض المستند:
مثال لهيكل صفحة
يوجد أدناه تصور لهيكل صفحة :
<html>
</html> |
ملاحظة: يتم عرض المحتوى الموجود داخل القسم <body> في المستعرض.
<! DOCTYPE>
يمثل <! DOCTYPE> نوع المستند ، ويساعد المتصفحات على عرض صفحات الويب بشكل صحيح.
يجب أن تظهر مرة واحدة فقط ، في الجزء العلوي من الصفحة (قبل أي علامات).
<! DOCTYPE> غير حساس لحالة الأحرف.
<! DOCTYPE> لـ HTML5 هو:
<!DOCTYPE html>
الإصدارات
منذ الأيام الأولى للويب ، كان هناك العديد من الإصدارات وهي :
الإصدار | السنة |
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2014 |
One Comment