لغة ترميز النص ال فائق Hyper Text Markup Language
وهي تختصر إتش تي إم إل HTML، هي عبارة عن لغة ترميزية بيتم استخدامها في عملية إنشاء وتصميم صفحات الويب وأيضا المواقع الإلكترونية، وهي تعتبر اللغة من أقدم اللغات وأكثرهم استخدام في تصميم صفحات الويب. HTML هي عبارة عن هيكل صفحة الويب وهي التي تمنح متصفح الإنترنت وصف طريقة عرض محتوياته. كما من الممكن أن تساعد الأساليب مثل أوراق الأنماط المتتالية. CSSاما بالنسبة إلى لغات البرمجة النصية مثل JavaScript ، فهي تتلقى متصفحات الويب مستندات HTML وتقوم بعرضها من نظام ملفات او خادم ويب ، وهي تتمثل وظيفتها في عملية وصف بنية صفحات الويب ولكن بشكل هرمي. ومن العناصر في HTML انها لبنة البناء الأساسية لوثائق HTML، والتي يمكن من خلالها والكائنات التفاعلية وإضافة الصور مثل ملفات الفيديو والصوت او النماذج؛ كما ان من الممكن عملية إنشاء مستندات منظمة وهذا يتم عن طريق استخدام العلامات للإعلان عن العناوين والفقرات والارتباطات والجداول والاقتباسات كما ان من الممكن أيضا أن تتضمن HTML برامج مكتوبة بلغات مثل JavaScript ولعملية تعديل سلوك ومحتوى صفحات الويب؛ كما تساعد إضافة كود CSS في تحديد تخطيط وتخطيط المحتوى.
 |
| لغة ترميز النص ال فائق html |
لغة html هي ليست لغة برمجة بالمعنى التقليدي للغات البرمجة، ولكن هي لغة أو طريقة لوصف محتويات صفحة الويب للمتصفحات، بحيث انه يحتاج أي برنامج في متصفح الإنترنت إلى معرفة محتويات الصفحة من العناوين والنصوص والروابط والصور وأيضا المكونات الأخرى لصفحة الويب، حتى يمكن ان تعرضها بشكل صحيح بلغة ترميز HTML كما إنها اللغة الرئيسية لأي موقع ويب أو صفحة على الإنترنت ولغة html ليست مثل لغات البرمجة لغة python - لغة c - لغة برمجة php.
تتكون صفحة الويب من مجموعة من العناصر او ما تسمي بالعلامات، وهي عبارة عن ان يتم كتابة كل علامة بين (قوسين زاوية)، أو تمسي أيضا، علامة أقل من <وعلامة أكبر من <. لا يعرض المتصفح هذه العلامات، بل يعرض محتوياتها
تفسير عنصر HTML
فهو يتكون من أجزاء رئيسية وهي كالاتي
علامة الفتح
هي تتكون من اسم العنصر، يكون محاط بقوس مفتوح واخر مغلق. فيحدد هذا المكون بداية العنصر، أو بداية التأثير الذي يضفيه
علامة الإغلاق
تكون نفس العلامة السابقة، ولكن باستثناء أنها تتضمن شرطة مائلة للأمام (/) وتكون قبل وجود اسم العنصر. يحدد هذا المكون نهاية العنصر ويعد نسيان وضع علامة الإغلاق هي أحد الأخطاء المنتشرة التي يقوم بها المبتدئين والتي تؤدي إلى مشاكل كثيرة
المحتوى
هذا المكون هو محتوى العنصر
العنصر element
هو عبارة عن الكيان ككل يتألف من علامة الفتح وعلامة الإغلاق كما يكون في المنتصف المحتوي
قد يكون للعنصر أيضًا بعض السمات التي تبدو كالتالي:
تحتوي السمات على معلومات إضافية حول العنصر الذي لا يظهر في المحتوى الفعلي. في class هي تعتبر اسم السمة كما يلاحظ الكاتب قيمتها. وهي تسمح لك سمة class بإعطاء العنصر معرفًا ويمكن استخدامه للإشارة إلى العنصر، لمنحه تنسيقًا محددًا وأشياء أخرى.
فمن الضروري أن تحتوي السمة دائمًا على المكونات التالية:
علامة اقتباس حول قيمة السمة.
يكون اسم الموضوع متبوع بعلامة يساوي.
مسافة بينها وبين اسم العنصر
اما بالنسبة للعناصر المتداخلة:
يمكنك أيضا ان تقوم بوضع عنصر داخل عنصر آخر، ويسمى هذا النمط بالتداخل.
على سبيل المثال، يمكننا إحاطة كلمة "شديدة" بالعنصر <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> ستلاحظ في هذا النوع أن كل علامة تتكون من جزأين (علامة البداية) و (علامة النهاية)، بينهما المحتوى الذي يتم عرضه في المتصفح.
بقلم آية محمود محمد
تعليقات
إرسال تعليق