HTML

HTML Introduction
مقدمة في لغة HTML

هذا الدرس يعرض مقدمة حول لغة HTML ومعاني الحروف التي تشير إليها. سنتناول أيضًا نظام الـ "HYPER TEXT"، الذي يُعد النظام البرمجي الأكثر شيوعًا واستخدامًا على الإنترنت. سنتعرف على مزايا HTML وعيوبها، بالإضافة إلى استكشاف تاريخ هذه اللغة والأسباب التي تجعلنا نتعلمها.

التاريخ

03 يناير 2020

الدروس

48

المستوى

مبتدئ

اللغة

عربي

المشاهدات

19309

المواضيع

12
الشروحات chevron_left HTML Introduction chevron_left HTML

HTML Introduction
مقدمة في لغة HTML

</> HTML Introduction
مقدمة في لغة HTML

  • HTML هي لغة أساسية لإنشاء صفحات الويب.
  • تعتمد HTML على الاستفادة من العلامات الزائدة <tags> لتعريف مكونات الصفحة.
  • مطورو الويب يستخدمون علامات HTML لإنشاء هيكل الصفحة، حيث تقوم المتصفحات بتفسير هذه العلامات وتحويلها إلى شكل مرسوم على الصفحة النهائية.
  • لفهم البنية العامة لصفحة الويب، يجب معرفة أن HTML تعتمد على مجموعة من العناصر "elements".
  • كل عنصر "element" يقوم برسم جزء معين من الصفحة. تتكون الصفحة الويب من مجموعة من هذه العناصر، وهذه المجموعة تشكل ما يعرف بـ "blocks" أو كتل.
  • الكتل تحتوي عادة على مجموعة من العناصر مثل العناوين، والفقرات النصية، والصور، والفيديوهات، والروابط "links".
  • دور HTML ليس فقط في تحديد الهيكل، بل أيضًا في توجيه المتصفح حول كيفية عرض هذه المكونات.
  • تُرتب العناصر بشكل أولي، وهذا يعني أن النصوص والعناصر الأخرى تظهر في الترتيب الذي تم تعريفه في الكود.
  • مهمة HTML تتعلق بتحديد البنية الأساسية لصفحات الويب، دون التدخل في التفاصيل البصرية مثل الألوان والخلفيات والمؤثرات الحركية.
  • ومع ذلك، تسهل HTML تنسيق صفحات الويب وتجعلها منظمة، ولها دور أساسي كعمود فقري لصفحات الويب.
  • يجب ملاحظة أن العديد من تطبيقات الويب الشهيرة مثل Facebook و Google و Microsoft تم بناؤها باستخدام HTML، مما يظهر أهمية هذه اللغة في تطوير الويب.
HTML web page 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:
    إنها لغة حاسوب تُستخدم لعرض محتوى صفحات الويب باستخدام علامات <tags> مثل الصور والفيديو والنصوص على المتصفح. المتصفح يقوم بعملية render" تجسيد المحتوى  (رسم) " لعرض هذا المحتوى أمام مستخدمي الصفحات الويب دون أن تظهر علامات HTML أمامهم.

HTML is a language for describing web pages

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

</> Features and advantages of HTML
سمات ومميزات لغة 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 Introduction
HTML Introduction

مقدمة HTML

Hyper Text
Hyper Text

نظام برمجي يربط الصفحات بعضها البعض

MARKUP LANGUAGE
MARKUP LANGUAGE

لغة حاسوب تستخدم العلامات

اختصارات الدرس
HTML
HTML

Hypertext Markup Language

لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت
Mostafa Hefny

الاجابة

من

Mostafa Hefny

07 مايو 2023

عناصر HTML التي لا تدعمها بعض المتصفحات تشمل:

عناصر HTML5 الجديدة مثل `<section>` و `<article>`.

عناصر HTML4 الأقدم مثل ميزة `<blink>` و `<marquee>` .

 

والمتصفحات الحديثة عادة تدعم الجميع، ولكن بعض المتصفحات القديمة لا تدعم بعض العناصر.

وهناك عناصر تم إلغاؤها مثل <marquee>، ولكنها تعمل حتى الآن.

معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.