ما هي HTML؟

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

بعض المعلومات عن HTML

  • HTML تعني لغة ترميز النص الفائق او Hyper Text Markup Language
  • HTML يصف بنية صفحات الويب باستخدام العلامات
  • عناصر HTML هي لبنات الإنشاء لصفحات HTML او المواقع الالكترونية
  • يتم تمثيل او كتابة عناصر HTML بواسطة علامات
  • في HTML علامات التسمية أجزاء من المحتوى مثل “<h1” ، “<p>” ، “<table>” ، والخ
  • لا تعرض المستعرضات علامات 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>

مثال موضح

  1. تعريف <!DOCTYPE html> يقوب بتعريف ان هذا المستند HTML5
  2. العنصر <html> هو العنصر الجذر لصفحة HTML
  3. يحتوي العنصر <head> على معلومات تعريف حول المستند
  4. يحدد العنصر <title> عنوان المستند
  5. يحتوي العنصر على محتوى الصفحة المرئية<body>
  6. يعرف العنصر عنوان كبير<h1>
  7. العنصر يعرف فقرة<p>

علامات HTML

علامات HTML هي أسماء عناصر محاطة بأقواس الزاوية

< اسم الوسم/>محتوي الوسم <اسم الوسم >

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

متصفحات الويب

الغرض من متصفح الويب (كروم، ايدج، فايرفوكس، سفاري) هو قراءة وثائق HTML وعرضها.

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

قد يبدو الامر بهذا الشكل علي الهاتف

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

<DOCTYPE html!>

يمثل الإعلان نوع المستند، ويساعد المستعرضات على عرض صفحات الويب بشكل صحيح.<!DOCTYPE>

يجب أن تظهر مرة واحدة فقط، في أعلى الصفحة (قبل أي علامات HTML).

الإعلان غير حساس لحالة الأحرف .<!DOCTYPE>

الإعلان عن كتابة HTML5 هو <DOCTYPE html!>

إصدارات HTML

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

VersionYear
HTML1991
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML2000
HTML52014