HTML Introduction
مقدمة في لغة HTML
هذا الدرس يعرض مقدمة حول لغة HTML ومعاني الحروف التي تشير إليها. سنتناول أيضًا نظام الـ [HYPER TEXT]، الذي يُعد النظام البرمجي الأكثر شيوعًا واستخدامًا على الإنترنت. سنتعرف على مزايا HTML وعيوبها، بالإضافة إلى استكشاف تاريخ هذه اللغة والأسباب التي تجعلنا نتعلمها.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
HTML Introduction
مقدمة في لغة HTML
</>
HTML Introduction
مقدمة في لغة HTML
- لغة HTML هي لغة أساسيّة لإنشاء صفحات الويب، وتعتمد HTML على الاستفادة من العلامات الزائدة <tags> لتعريف مكونات الصفحة، ويستخدم مطورو الويب علامات HTML لإنشاء هيكل الصفحة، حيث تقوم المتصفحات بتفسير هذه العلامات وتحويلها إلى شكل مرسوم على الصفحة النهائيّة.
- لشرح بنية صفحة الويب، ينبغي معرفة أن HTML تعتمد على مجموعة من العناصر [Elements]، وكل عنصر [Element] يقوم برسم جزء معين من الصفحة. تتكون صفحة الويب من مجموعة من هذه العناصر، وهذه المجموعة تشكل ما يعرف بـ [Blocks] أو كتل، والكتل تحتوي عادةً على مجموعة من العناصر مثل العناوين [Titles]، والفقرات النصيّة [Paragraphs]، والصور [Images]، والفيديوهات [Videos]، والروابط [Links].
- دور HTML ليس فقط في تحديد الهيكل، بل أيضًا في توجيه المتصفح حول كيفية عرض هذه المكوّنات، حيث تُرتب العناصر بشكل أولي، ما يعني أن النصوص والعناصر الأخرى تظهر بالترتيب الذي تم تعريفه في الكود. إذًا، مهمة HTML تتعلق بتحديد البنية الأساسيّة لصفحات الويب، دون التدخل في التفاصيل البصرية مثل الألوان والخلفيات والمؤثرات الحركية.
- تسهل HTML تنسيق صفحات الويب وتجعلها منظمة، ولها دور أساسي كعمود فقري لصفحات الويب. تجدر الملاحظة أن العديد من تطبيقات الويب الشهيرة مثل Facebook، و Google، و Microsoft تم بناؤها باستخدام HTML، مما يظهر أهمية هذه اللغة في تطوير الويب.
HTML Web Bage Structure
هيكل صفحة ويب بلغة HTML.
<!DOCTYPE html> <html> <head> <title>Closetag | HTML</title> </head> <body> <h1>HTML Course</h1> <p>HTML Introduction</p> </body> </html>
</>
HTML shortcut
اختصار HTML
HTML: هي اختصار لـ Hyper Text Markup Language، وتُستخدم HTML كلغةٍ لتصميم صفحات الويب وليست لغة برمجية. توصف HTML كمجموعة من أدوات تُستخدم لوصف محتوى صفحات الويب، بما في ذلك العناوين، والنصوص، والصور، والروابط، وغيرها من عناصر صفحة الويب. يعتمد أي متصفح ويب على HTML لفهم هذا المحتوى وعرضه بشكل صحيح. ببساطةٍ، HTML هي اللغة الأساسية التي يتم من خلالها إنشاء أي موقع ويب أو صفحة على الإنترنت.
HYPER TEXT: في متصفحات الويب [Web Browsers] يُستخدم نظام برمجي لربط صفحات الويب ببعضها البعض باستخدام عناصر HTML مثل النصوص والصور. تُوصل هذه العناصر بصفحات أخرى مخفية، وتُعرض الصفحة المخفية فقط عندما يقوم المستخدم بالنقر على العنصر المتصل بها. ببساطةٍ، تحتوي كل صفحة ويب على نصوص، وعندما ينقر المستخدم على أي نص، يتيح له المتصفح الانتقال إلى صفحة أخرى لعرض المحتوى المتصل بذلك النص.
MARKUP LANGUAGE: تُعد HTML لغة حاسوب تُستخدم لعرض محتوى صفحات الويب باستخدام علامات <tags></tags> مثل الصور، والفيديو، والنصوص على المتصفح. يقوم المتصفح بعملية تجسيد [render] المحتوى لعرضه أمام مستخدمي الويب، دون أن تظهر علامات HTML نفسها.
HTML Markup Language
- HTML هي لغة توصيفية تُستخدم لوصف وترتيب محتوى صفحات الويب، وهي ليست لغة برمجية بل تُستخدم لتوصيف تركيبة الصفحة ومحتواها.
- تعمل HTML على تنظيم العناصر مثل العناوين، والفقرات، والصور، والروابط، بحيث تتمكن المتصفحات من عرضها بشكل صحيح.
- يجب ملاحظة أن HTML ليست لها خصائص ديناميكية ولا تمكن من إنشاء صفحات ويب تفاعلية بمفردها، فمن أجل ذلك يُستلزم استخدام تقنيات أخرى مثل JavaScript.
</>
Features and advantages of HTML
سمات ومميزات لغة HTML
- لغة HTML تمثل أساسًا لجميع تقنيات الويب، وتعتبر الأساس لبناء صفحات الويب كما تُستخدم لربط المتصفح بالمحتوى على الإنترنت.
- يمكن تعلم لغة HTML بسرعة وسهولة، فهي سهلة الاستخدام وتتيح تصميم صفحات الويب بشكل مرن.
- يتم استخدام لغة HTML مع لغة CSS لإنتاج تنسيق وتصميم أفضل لصفحات الويب.
- لغة HTML مفتوحة المصدر ومجانية، فيمكن استخدامها دون الحاجة إلى شراء تراخيص معينة أو برامج مكملة.
- تدعم معظم متصفحات الويب الحديثة لغة HTML، كما أنها تعمل على مختلف أنظمة التشغيل، مثل: Macintosh، وWindows، وLinux، وAndroid، وiOS.
- تتميز لغة HTML بإمكانية إضافة روابط ومحتوى متعدد الوسائط إلى صفحات الويب، مما يجعل شكلها أكثر جاذبية، وبالتالي تحسين تجربة المستخدم.
- تتميز لغة HTML بعدم وجود حساسية تجاه حالة الأحرف، مع العلم أنه من الجيد كتابة العلامات بأحرف صغيرة.
</>
HTML disadvantages
عيوب لغة HTML
- لغة HTML تحتوي على عناصر خاصة لتصميم صفحات الويب، وتدعمها معظم المتصفحات.
- HTML هي لغة توصيف وليست لغة برمجة، ويمكن استخدام لغات برمجة مثل JavaScript لجعل صفحات الويب ديناميكية.
- HTML لا تتيح استخدام المنطق "logic"، ويمكن استخدام JavaScript لإضافة منطق وتفاعل إلى صفحات الويب، مما يساعد في تحسين تجربة المستخدم.
- HTML لا يمكن جعلها متجاوبة لضبط تصميم الصفحة وجعلها تتكيف مع مختلف الأجهزة والشاشات، ويمكن ذلك فقط باستخدام تقنيات تصميم الواجهة مثل CSS.
</>
?Why learn HTML
لماذا نتعلم لغة HTML؟
- Web Pages Navigation: للتنقل بين صفحات الويب.
- Offline Usage: لاستخدام صفحات ويب بدون إنترنت.
- Develop And Build Web Pages: لتطوير وبناء صفحات الويب.
- Web Document Creation: لإنشاء صفحات ويب.
- Build Games And Applications: لتُستخدم في بناء الألعاب والتطبيقات.
- Client-Side Storage: لتخزين البيانات على جهاز المستخدم كقاعدة بيانات.
- Data Entry Support With HTML: لتدعم إدخال البيانات عن طريق النماذج [forms].
- Search Engine Optimization: لتحسين صفحات الويب في محركات البحث.
- Cyber Security: للدخول في مجال الأمن السيبراني جنبًا إلى جنب مع لغة JavaScript.
</>
HTML History
تاريخ لغة ال HTML
في عام 1980، اقترح الفيزيائي تيم بيرنرز لي، الذي كان يعمل في مؤسسة سيرن، نموذجًا مبدئيًا لنظام يساعد الباحثين على مشاركة المستندات. بحلول عام 1989، اقترح نظامًا نصيًا فائقًا مبنيًا على الإنترنت وطور لغة HTML، حيث كتب برامج للمزود والمتصفح في أواخر عام 1990.
كان أول وصف لـ HTML وثيقة "عناصر HTML"، التي ذكرها بيرنرز لي في 1991، وتضمنت 18 عنصرًا أساسيًا للتصميم، متأثرة بلغة SGML. هذه العناصر لا تزال تُستخدم بشكل كبير اليوم.
تستخدم متصفحات الويب HTML لتفسير النصوص والصور وغيرها في صفحات الويب، حيث تُحدد الخصائص الافتراضية للعناصر ويمكن تحسينها باستخدام CSS. استمدت HTML بعض عناصرها من تقنيات قديمة مثل تلك المستخدمة في الستينيات لنظام CTSS.
بيرنرز لي اعتبر HTML تطبيقًا لـ SGML، وعُرّف رسميًا كلغة لتوصيف النص لتُصبح مواصفات قياسية في منتصف عام 1993 من قبل فريق عمل هندسة الإنترنت.
SGML
SGML، أو [Standard Generalized Markup Language]، هي لغة ترميزية معيارية تُستخدم لتحديد قواعد بناء لغات الترميز الأخرى، مثل HTML و XML. تم تطوير SGML لتحقيق توحيد في الترميز لمستندات النصوص وتوفير طريقة مرنة لوصف المعلومات.
</>
HTML Versions
إصدارات HTML
| سنة الإصدار Year Version | نوع الإصدار Version Type |
| 1989 | تيم بيرنرز لي اخترع الشبكة العالمية. |
| 1991 | تيم بيرنرز لي اخترع لغة HTML |
| 1993 |
ديف راجيت وضع مسودة HTML+ |
| 1997 | توصية HTML 3.2 :W3C |
| 1995 |
قامت مجموعة عمل HTML بتعريف HTML 2.0 |
| 1999 | توصية HTML 4.01 :W3C |
| 2000 |
توصية XHTML 1.0 :W3C
|
| 2008 |
المسودة العامة الأولى لـ WHATWG HTML5 |
| 2012 | المعيار الحي لـ HTML5 من WHATWG |
| 2014 | |
| 2016 | HTML 5.1 المرشح للتوصية من W3C |
| 2017 | توصية HTML5.2 :W3C |
| 2017 | توصية W3C: الإصدار الثاني من HTML5.1 |
توصية W3C
توصية W3C [W3C Recommendation] هي عبارة عن مواصفات أو معايير تم تطويرها واعتمادها من قبل اتحاد شبكة الويب العالمية [World Wide Web Consortium - W3C] لتوحيد التقنيات المستخدمة على الويب.
07 مايو 2023
ما هي عناصر HTML التي لا تدعمها بعض المتصفحات؟
الاجابة
من
Mostafa Hefny
07 مايو 2023
عناصر HTML التي لا تدعمها بعض المتصفحات تشمل:
عناصر HTML5 الجديدة مثل `<section>` و `<article>`.
عناصر HTML4 الأقدم مثل ميزة `<blink>` و `<marquee>` .
والمتصفحات الحديثة عادة تدعم الجميع، ولكن بعض المتصفحات القديمة لا تدعم بعض العناصر.
وهناك عناصر تم إلغاؤها مثل <marquee>، ولكنها تعمل حتى الآن.
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
