انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 01
دورة لغة HTML

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

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

ابدأ التعلّم استكشف الأمثلة
THE BUILDING BLOCKS OF THE WEBHTML
index.html
1<h1>Hello, web.</h1>
وسم الفتحالمحتوىوسم الإغلاق
النتيجة في المتصفح Hello, web.
كل صفحة رائعة تبدأ بعنصر.
أقسام الدرس
6
الأمثلة
1
اللغة
العربية
تاريخ النشر
المشاهدات
31,349
محتوى الدرس
في هذا الدرس 6تصفّح المواضيع

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

  • لغة HTML هي لغة أساسية لإنشاء صفحات الويب، وتعتمد على استخدام الوسوم (Tags) لتعريف مكونات الصفحة. يستخدم مطورو الويب هذه الوسوم لبناء هيكل الصفحة، ثم تقوم المتصفحات بتفسيرها وعرض المحتوى بصريًا للمستخدم.

  • تعتمد HTML على مجموعة من العناصر (Elements)، وكل عنصر يُحدد جزءًا معينًا من الصفحة، مثل العناوين (Headings)، والفقرات النصية (Paragraphs)، والصور (Images)، والفيديوهات (Videos)، والروابط (Links). تتجمع هذه العناصر معًا لتُشكّل الصفحة الكاملة.

  • مهمة HTML الأساسية هي تحديد بنية صفحة الويب وترتيب محتواها، حيث تظهر العناصر بالترتيب الذي كُتبت به في الكود. أما التفاصيل البصرية مثل الألوان والخلفيات والمؤثرات الحركية، فهي من مهام تقنيات أخرى مثل CSS و JavaScript.

  • تُعد HTML العمود الفقري لصفحات الويب، وتستخدمها جميع المواقع والتطبيقات الشهيرة مثل Facebook و Google كجزء أساسي من واجهاتها.

HTML Web Page Structure

هيكل صفحة ويب بلغة HTML

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

HTML: هي اختصار لـ Hyper Text Markup Language، وتُستخدم كلغة لبناء صفحات الويب وليست لغة برمجية. تعتمد HTML على مجموعة من الوسوم (Tags) لتعريف محتوى صفحات الويب، بما في ذلك العناوين، والفقرات النصية، والصور، والروابط، وغيرها. يعتمد أي متصفح ويب على HTML لفهم هذا المحتوى وعرضه بصريًا للمستخدم. ببساطة، HTML هي اللغة الأساسية التي يتم من خلالها إنشاء أي صفحة على الإنترنت.

HYPERTEXT: في متصفحات الويب (Web Browsers) يُستخدم مفهوم الـ Hypertext لربط صفحات الويب ببعضها البعض باستخدام عناصر HTML مثل النصوص والصور. عند النقر على عنصر يحتوي على رابط (Link)، ينتقل المتصفح إلى صفحة أخرى لعرض المحتوى المرتبط بذلك العنصر. ببساطة، Hypertext هو نص يحتوي على روابط تشعبية تسمح بالتنقل بين صفحات الويب.




MARKUP LANGUAGE: تُعد HTML لغة توصيف تُستخدم لتحديد بنية محتوى صفحات الويب باستخدام وسوم <tags></tags> مثل الصور، والفيديو، والنصوص. يقوم المتصفح بعرض (Render) هذا المحتوى أمام المستخدم، دون أن تظهر وسوم HTML نفسها على الصفحة.

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. ونشر فريق عمل هندسة الإنترنت (IETF) مواصفة HTML 2.0 في نوفمبر 1995 ضمن RFC 1866.

    HTML Versions إصدارات HTML

    يعرض الجدول محطات تاريخية من تطور HTML. أما المرجع الحالي فهو HTML Living Standard الذي تطوره WHATWG باستمرار؛ وتوصية HTML5 لعام 2014 ليست أحدث نسخة من المواصفة الحالية.

    مشاركة

    هل كان هذا الدرس مفيدًا؟

    جارٍ تحميل الآراء…

    ابنِ لغتك البرمجية

    المصطلحات20

    راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

    0 / 20 مفهومةأول بطاقة، أول خطوة
    01 HTML Introduction مقدمة HTML
    للمراجعة
    02 Hyper Text نظام برمجي يربط الصفحات بعضها البعض
    للمراجعة
    03 MARKUP LANGUAGE لغة حاسوب تستخدم العلامات
    للمراجعة
    04 Describe language لغة وصف
    للمراجعة
    05 blocks كتل
    للمراجعة
    06 element عنصر
    للمراجعة
    07 links روابط
    للمراجعة
    08 logic المنطق
    للمراجعة
    09 forms النماذج
    للمراجعة
    10 web pages navigation التنقل في صفحات الويب
    للمراجعة
    11 offline usage الاستخدام دون اتصال
    للمراجعة
    12 develop and build web pages تطوير وبناء صفحات الويب
    للمراجعة
    13 web document creation إنشاء مستند الويب
    للمراجعة
    14 build games and applications بناء الألعاب والتطبيقات
    للمراجعة
    15 client-side storage التخزين من جانب العميل
    للمراجعة
    16 data entry support with HTML: دعم إدخال البيانات مع HTML
    للمراجعة
    17 search engine optimization تحسين محرك البحث
    للمراجعة
    18 cyber security الأمن السيبراني
    للمراجعة
    19 tags علامات
    للمراجعة
    20 web browsers متصفحات الويب
    للمراجعة

    اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.