دروس

مقدمة عن لغة Html

المحتويات

 

ما هي لغة HTML؟

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

  • يرمز HTML إلى Hyper Text Markup Language لغة ترميز النصوص التشعبية.
  • يصف HTML بنية صفحات الويب باستخدام الترميز.
  • تعد عناصر HTML وحدات البناء ل صفحاتHTML.
  • يتم تمثيل عناصر HTML بالعلامات.
  • تضع علامات HTML أجزاء من المحتوى مثل "عنوانheading " و "فقرة paragraph" و "جدول table" وهكذا
  • لا تعرض المتصفحات علامات HTML، ولكنها تستخدمها لعرض محتوى الصفحة

 

صفحة HTML بسيطة:

<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>

<h1>عنوان-heading.</h1>
<p>فقرة-paragraph.</p>

</body>
</html>

 

شرح المثال:

  • يحدد <! DOCTYPE html> هذه الصفحة لتكون . HTML5.
  • عنصر <html> هو العنصر الجذر او الرئيسي لصفحة HTML .
  • يحتوي عنصر <head> على معلومات تعريف حول الصفحة.
  • يحدد عنصر <title>عنوانًا الصفحة.
  • يحتوي العنصر <body>على محتوى الصفحة المرئي.
  • يعرّف العنصر <h1> عنوانًا بحجم كبيرًا.
  • يحدد العنصر <p> فقرة.

 

علامات HTML

<اسم العلامة > المحتوى هنا...</ اسم العلامة>

  • تأتي علامات HTML عادةً في أزواج مثل <p> و </p>.
  • العلامة الأولى في الزوج هي علامة البدء ، والعلامة الثانية هي علامة النهاية.
  • تتم كتابة علامة النهاية مثل علامة البدء ، ولكن يتم إدراج شرطة مائلة قبل اسم العلامة

تسمى أيضًا علامة البداية بعلامة الفتح ، وتضع علامة تمييز علامة الإغلاق.

 

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

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

HTML

 

هيكل صفحة HTML

في ما يلي تصور لصفحة بنية HTML

<html>
<head>
<title> عنوان الصفحة </title>
</head>
<body>
<h1> عنوان-heading </h1>
<p> فقرة-paragraph.</p>
</body>
</html>

ملاحظة: يتم عرض المحتوى الموجود داخل القسم <body> فقط في المستعرض.

 

علامة <! DOCTYPE>

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

 

إصدارات HTML

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

  • HTML 1991
  • HTML 2.0 1995
  • HTML 3.2 1997
  • HTML 4.01 1999
  • XHTML 2000
  • HTML5 2014
دروس لغة Html اخرى