لغة برمجة ترميز النص الفائق

شارك هذه المقالة مع أصدقائك!
Advertisements

وهي تختصر إتش تي إم إل HTML، هي عبارة عن لغة ترميز النص الفائق  وهي لغة ترميزية بيتم استخدامها في عملية إنشاء وتصميم صفحات الويب وأيضا المواقع الإلكترونية.

هي تعتبر اللغة من أقدم اللغات وأكثرهم استخدام في تصميم صفحات الويب.

لغة ترميز النص الفائق

HTML هي عبارة عن هيكل صفحة الويب وهي التي تمنح متصفح الإنترنت وصف طريقة عرض محتوياته.

Advertisements

كما من الممكن أن تساعد الأساليب مثل أوراق الأنماط المتتالية.

CSS اما بالنسبة إلى لغات البرمجة النصية مثل JavaScript، فهي تتلقى متصفحات الويب مستندات HTML وتقوم بعرضها من نظام ملفات او خادم ويب.

تتمثل وظيفتها في عملية وصف بنية صفحات الويب ولكن بشكل هرمي.

من العناصر في HTML انها لبنة البناء الأساسية لوثائق HTML، والتي يمكن من خلالها والكائنات التفاعلية وإضافة الصور مثل ملفات الفيديو والصوت او النماذج.

كما ان من الممكن عملية إنشاء مستندات منظمة وهذا يتم عن طريق استخدام العلامات للإعلان عن العناوين والفقرات والارتباطات والجداول والاقتباسات.

كما ان من الممكن أيضا أن تتضمن HTML برامج مكتوبة بلغات مثل JavaScript ولعملية تعديل سلوك ومحتوى صفحات الويب؛ كما تساعد إضافة كود CSS في تحديد تخطيط وتخطيط المحتوى.

لغة html

هي ليست لغة برمجة بالمعنى التقليدي للغات البرمجة، ولكن هي لغة أو طريقة لوصف محتويات صفحة الويب للمتصفحات، بحيث انه يحتاج أي برنامج في متصفح الإنترنت إلى معرفة محتويات الصفحة من العناوين والنصوص والروابط والصور .

أيضا المكونات الأخرى لصفحة الويب، حتى يمكن ان تعرضها بشكل صحيح بلغة ترميز HTML كما إنها اللغة الرئيسية لأي موقع ويب أو صفحة على الإنترنت ولغة html ليست مثل لغات البرمجة لغة pythonلغة cلغة برمجة php.

تتكون صفحة الويب من مجموعة من العناصر او ما تسمي بالعلامات، وهي عبارة عن ان يتم كتابة كل علامة بين (قوسين زاوية)، أو تمسي أيضا، علامة أقل من <وعلامة أكبر من <.

لا يعرض المتصفح هذه العلامات، بل يعرض محتوياتها

تفسير عنصر لغة ترميز النص الفائق HTML

فهو يتكون من أجزاء رئيسية وهي كالاتي

  • علامة الفتح

هي تتكون من اسم العنصر، يكون محاط بقوس مفتوح واخر مغلق.

فيحدد هذا المكون بداية العنصر، أو بداية التأثير الذي يضفيه

  • علامة الإغلاق

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

يعد نسيان وضع علامة الإغلاق هي أحد الأخطاء المنتشرة التي يقوم بها المبتدئين والتي تؤدي إلى مشاكل كثيرة

  • المحتوى

هذا المكون هو محتوى العنصر

العنصر element

هو عبارة عن الكيان ككل يتألف من علامة الفتح وعلامة الإغلاق كما يكون في المنتصف المحتوي

قد يكون للعنصر أيضًا بعض السمات التي تبدو كالتالي:

تحتوي السمات على معلومات إضافية حول العنصر الذي لا يظهر في المحتوى الفعلي.

في class هي تعتبر اسم السمة كما يلاحظ الكاتب قيمتها.

هي تسمح لك سمة class بإعطاء العنصر معرفًا ويمكن استخدامه للإشارة إلى العنصر، لمنحه تنسيقًا محددًا وأشياء أخرى.

فمن الضروري أن تحتوي السمة دائمًا على المكونات التالية:

  1. علامة اقتباس حول قيمة السمة.
  2. يكون اسم الموضوع متبوع بعلامة يساوي.
  3. مسافة بينها وبين اسم العنصر

اما بالنسبة للعناصر المتداخلة:

يمكنك أيضا ان تقوم بوضع عنصر داخل عنصر آخر، ويسمى هذا النمط بالتداخل.

على سبيل المثال، يمكننا إحاطة كلمة “شديدة” بالعنصر <strong>

مثل: <p>My cat is <strong>very</strong> grumpy. </p>

كما من الضروري التأكد من إنشاء تداخل صحيح بين عناصرك: في المثال أعلاه، فتحنا العنصر <p> أولاً، متبوعًا بالعنصر <strong>، لذلك يتعين علينا إغلاق العنصر <strong> والعنصر التالي.

كما ان الشكل التالي غير صحيح: <p>My cat is <strong>very grumpy. </p></strong>

يجب أن تقوم بفتح العناصر وتغلق بشكل صحيح حتى تكون واضحة داخل أو خارج بعضها البعض.

إذا تم شابكوهم بشكل خاطئ فسوف يحاول متصفحك دايما تخمين أفضل ما لديك حول ما تحاول القيام به، مما قد يؤدي ذلك إلى نتائج غير متوقعة.

العناصر الفارغة

فبعض العناصر ليس لها محتوى هذه تسمى العناصر الفارغة خذ عنصر <img>.

في كود المقالة الذي تقوم بقراتها: <img src=”images/firefox-icon.png” alt=”My test image”>

كما يحتوي هذا العنصر على سمتين، ومع ذلك، إذا لاحظت أنه لا توجد علامة إغلاق <img /> ولا يوجد محتوى في العنصر.

ذلك لأن عنصر الصورة لا يحيط بالمحتوى من أجل التأثير عليه، فهدفه ببساطة هو تضمين صورة على الصفحة.

تفسير مستند HTML

لقد قومنا بعملية بتغطية لبعض العناصر الفردية الأساسية في هذه اللغة، ولكن هذه العناصر ليست مفيدة في حد ذاتها.

إصدارات HTML

HTML 2

تم نشر HTML 2.0 كـ RFCs إضافية القدرات

25 نوفمبر 1995: RFC 1867 (تحميل ملف مستند إلى النموذج)

مايو 1996: RFC 1942 (الجداول)

أغسطس 1996: RFC 1980 (خرائط صور من جانب العميل)

يناير 1997: RFC 2070 (التدويل)

 HTML 3

فقد تم نشر رابطة الويب HTML 3.2 World Wide Web.

كان هذا هو الإصدار الأول الذي تم تطويره وتوحيده ولكن بشكل حصري من قبل رابطة الويب العالمية، حيث أغلقت IETF مجموعة عمل HTML في 12 سبتمبر 1996.

في البداية، أسقط اسم “ويلبر” HTML 3.2 الصيغ الرياضية تمامًا، ولقد تحقق من صحة التداخل بين المكونات الإضافية المختلفة الخاصة بالملكية واعتمد معظم علامات Netscape المرئية وتمت إزالة مكون فلاش Netscape ومايكروسوفت بسبب اتفاق متبادل بين الشركتين.

لم يتم وصف علامات المعادلات الرياضية المشابهة لتلك الموجودة في HTML لمدة تصل إلى 14 شهرًا في MathML

 HTML 4

فقد تم نشر HTML 4.0 كتوصية من قبل World Wide Web Association.

يقدم ثلاثة أشكال:

مجموعة الإطارات، حيث يسمح فقط بالعناصر المرتبطة بالإطار.

ترانزيت، حيث يسمح بالعناصر المهملة

العناصر الصارمة والمهملة محظورة

اعتمدت HTML 4.0، التي أطلق عليها في البداية اسم “Cougar”.

أنواعًا عديدة من عناصر وسمات المتصفح، ولكن في نفس الوقت هي سعت إلى التخلص التدريجي.

من ميزات العلامات المرئية لـ Netscape عن طريق تمييزها على أنها قديمة لصالح أوراق الأنماط. HTML four هو تطبيق SGML متوافق مع ISO 8879 – SGML.

24 أبريل 1998 تمت إعادة إصدار HTML 4.0 مع تعديلات طفيفة دون زيادة رقم الإصدار.

اما في مايو 2000 فقد تم نشر ISO / IEC 15445: 2000 (“ISO HTML”.

استنادًا إلى HTML 4.01 Strict) كمعيار دولي ISO / IECفي ISO، وقد يقع هذا المعيار ضمن مجال ISO / IEC JTC1 / SC34.

بعد HTML 4.01، لم يكن هناك إصدار جديد من HTML لسنوات كثيرة لأن تطوير لغة XHTML المتوازية المستندة إلى XML احتلت مجموعة عمل HTML في W3C خلال أوائل ومنتصف 2000s

ما هي أنواع الوسوم في لغة ترميز النص الفائق

الوسوم تنقسم الي نوعين وهما

  • النوع الأول

هو علامة يتم عرض محتواها مباشرة على صفحة الويب، على سبيل المثال <img /> و<input />.

  • النوع الثاني

هو علامة تصف النص بداخله، على سبيل المثال <p> نص داخل العلامة </ p>.

قد تحتوي هذه العلامة بداخلها على علامة أخرى كعنصر فرعي لهذه العلامة.

على سبيل المثال < p> <text <Italic </ I> </p> ستلاحظ في هذا النوع أن كل علامة تتكون من جزأين (علامة البداية) و(علامة النهاية)، بينهما المحتوى الذي يتم عرضه في المتصفح.

Advertisements
‫0 تعليق

اترك تعليقاً