HTML Introduction
مقدمة في لغة HTML
هذا الدرس يعرض مقدمة حول لغة HTML ومعنى اختصار اسمها. سنتناول أيضًا مفهوم Hypertext، الذي يُعد الأساس الذي بُني عليه الويب لربط الصفحات والمستندات ببعضها البعض. سنتعرف على مزايا HTML وعيوبها، بالإضافة إلى استكشاف تاريخ هذه اللغة والأسباب التي تجعلنا نتعلمها.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
HTML Introduction
مقدمة في لغة HTML
</>
HTML Introduction
مقدمة في لغة HTML
- لغة HTML هي لغة أساسية لإنشاء صفحات الويب، وتعتمد على استخدام الوسوم (Tags) لتعريف مكونات الصفحة. يستخدم مطورو الويب هذه الوسوم لبناء هيكل الصفحة، ثم تقوم المتصفحات بتفسيرها وعرض المحتوى بصريًا للمستخدم.
- تعتمد HTML على مجموعة من العناصر (Elements)، وكل عنصر يُحدد جزءًا معينًا من الصفحة، مثل العناوين (Headings)، والفقرات النصية (Paragraphs)، والصور (Images)، والفيديوهات (Videos)، والروابط (Links). تتجمع هذه العناصر معًا لتُشكّل الصفحة الكاملة.
- مهمة HTML الأساسية هي تحديد بنية صفحة الويب وترتيب محتواها، حيث تظهر العناصر بالترتيب الذي كُتبت به في الكود. أما التفاصيل البصرية مثل الألوان والخلفيات والمؤثرات الحركية، فهي من مهام تقنيات أخرى مثل CSS و JavaScript.
- تُعد HTML العمود الفقري لصفحات الويب، وتستخدمها جميع المواقع والتطبيقات الشهيرة مثل Facebook و Google كجزء أساسي من واجهاتها.
HTML Web Page Structure
هيكل صفحة ويب بلغة HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Closetag | HTML</title>
</head>
<body>
<h1>HTML Course</h1>
<p>HTML Introduction</p>
</body>
</html>
</>
HTML Abbreviation
اختصار HTML
HYPERTEXT: في متصفحات الويب (Web Browsers) يُستخدم مفهوم الـ Hypertext لربط صفحات الويب ببعضها البعض باستخدام عناصر HTML مثل النصوص والصور. عند النقر على عنصر يحتوي على رابط (Link)، ينتقل المتصفح إلى صفحة أخرى لعرض المحتوى المرتبط بذلك العنصر. ببساطة، Hypertext هو نص يحتوي على روابط تشعبية تسمح بالتنقل بين صفحات الويب.
HTML Markup Language
- HTML هي لغة توصيفية تُستخدم لوصف وترتيب محتوى صفحات الويب، وهي ليست لغة برمجية بل تُستخدم لتحديد بنية الصفحة ومحتواها.
- تعمل HTML على تنظيم العناصر مثل العناوين، والفقرات، والصور، والروابط، بحيث تتمكن المتصفحات من عرضها بشكل صحيح.
- يجب ملاحظة أن HTML ليست لها خصائص ديناميكية ولا تمكّن من إنشاء صفحات ويب تفاعلية بمفردها، ولتحقيق ذلك يَستلزم استخدام تقنيات أخرى مثل JavaScript.
</>
Features and advantages of HTML
مميزات لغة HTML
</>
?Why learn HTML
لماذا نتعلم لغة HTML؟
</>
HTML History
تاريخ لغة ال HTML
في عام 1980، اقترح الفيزيائي تيم بيرنرز لي، الذي كان يعمل في مؤسسة سيرن (CERN)، نموذجًا مبدئيًا لنظام يساعد الباحثين على مشاركة المستندات وربطها ببعضها.
بحلول عام 1989، اقترح نظامًا نصيًا فائقًا مبنيًا على الإنترنت، وطوّر لغة HTML، حيث كتب برامج للخادم (Server) والمتصفح (Browser) في أواخر عام 1990.
كان أول وصف لـ HTML وثيقة "عناصر HTML"، التي نشرها بيرنرز لي في عام 1991، وتضمنت 18 عنصرًا أساسيًا لتحديد بنية الصفحة، متأثرة بلغة SGML. العديد من هذه العناصر لا تزال تُستخدم حتى اليوم.
اعتبر بيرنرز لي أن HTML تطبيق لمعيار SGML، وعُرِّفت رسميًا كلغة لتوصيف النص لتُصبح مواصفات قياسية في منتصف عام 1993، من قِبل فريق عمل هندسة الإنترنت (IETF).
SGML
SGML، أو Standard Generalized Markup Language، هي لغة ترميزية معيارية تُستخدم لتحديد قواعد بناء لغات الترميز الأخرى مثل HTML و XML. تم تطوير SGML وتوحيدها في عام 1986 لتوفير طريقة مرنة وموحدة لوصف بنية المستندات النصية.
</>
HTML Versions
إصدارات HTML
توصية W3C
توصية W3C [W3C Recommendation] هي عبارة عن مواصفات أو معايير تم تطويرها واعتمادها من قبل اتحاد شبكة الويب العالمية [World Wide Web Consortium - W3C] لتوحيد التقنيات المستخدمة على الويب.
ما هي عناصر HTML التي لا تدعمها بعض المتصفحات؟
الاجابة
من
Mostafa Hefny
07 مايو 2023
عناصر HTML التي لا تدعمها بعض المتصفحات تشمل:
عناصر HTML5 الجديدة مثل `<section>` و `<article>`.
عناصر HTML4 الأقدم مثل ميزة `<blink>` و `<marquee>` .
والمتصفحات الحديثة عادة تدعم الجميع، ولكن بعض المتصفحات القديمة لا تدعم بعض العناصر.
وهناك عناصر تم إلغاؤها مثل <marquee>، ولكنها تعمل حتى الآن.
CLOSETAG