HTML



html

HTML

HTML (HyperText Markup Language) هي أهم بناء أساسي للويب. يصف ويعرّف محتوى صفحة الويب بالتخطيط الأساسي لصفحة الويب. تستخدم تقنيات أخرى إلى جانب HTML بشكل عام لوصف مظهر صفحة الويب / العرض التقديمي ( CSS ) أو الوظيفة / السلوك ( JavaScript ).

يشير "HyperText" إلى الروابط التي تربط صفحات الويب ببعضها البعض ، إما داخل موقع ويب واحد أو بين مواقع الويب. الروابط هي جانب أساسي للويب. من خلال تحميل محتوى على الإنترنت وربطه بصفحات أنشأها أشخاص آخرون ، تصبح مشاركًا نشطًا في شبكة الويب العالمية.

يستخدم HTML "علامة" لإضافة تعليقات إلى النص والصور والمحتويات الأخرى لعرضها في مستعرض الويب. يشتمل ترميز HTML على "عناصر" خاصة مثل <head> ، <title> ، <body> ، <header> ، <footer> ، <article> ، <section> ، <p> ، <div> ، <span> ، <img> وغيرها الكثير.

تكون العلامات في HTML غير حساسة لحالة الأحرف. بمعنى ، يمكن كتابتها بحروف كبيرة أو صغيرة أو خليط. يمكن كتابة علامة <title> مثل <title> أو <TiTlE> أو بأي طريقة أخرى.

ستساعدك المقالات أدناه في معرفة المزيد عن HTML.

  • HTML مقدمة

    إذا كنت جديدًا على تطوير الويب ، فتأكد من قراءة مقالة HTML أساسيات للتعرف على HTML وكيفية استخدامه.

  • دروس HTML

    للمقالات المتعلقة بكيفية استخدام HTML ، بالإضافة إلى البرامج التعليمية والأمثلة الكاملة ، تحقق من منطقة تعلم HTML الخاصة بنا.

  • مرجع HTML

    في قسم مراجع HTML الشامل ، ستجد التفاصيل حول كل عنصر وسمة في HTML.

دروس المبتدئين

تحتوي منطقة تعلم HTML الخاصة بنا على وحدات متعددة تقوم بتدريس HTML من الألف إلى الياء - دون الحاجة إلى معرفة سابقة.

مقدمة في HTML
تحدد هذه الوحدة المرحلة ، مما يجعلك معتادًا على المفاهيم والصيغ الهامة مثل النظر في تطبيق HTML على النص ، وكيفية إنشاء روابط تشعبية ، وكيفية استخدام HTML لتركيب صفحة الويب.
الوسائط المتعددة و التضمين
تستكشف هذه الوحدة كيفية استخدام HTML لتضمين الوسائط المتعددة في صفحات الويب ، بما في ذلك الطرق المختلفة التي يمكن تضمين الصور بها ، وكيفية تضمين الفيديو والصوت وحتى صفحات الويب الأخرى بالكامل.
جداول HTML
يمثل تمثيل البيانات المجدولة على صفحة ويب بطريقة يمكن فهمها والوصول إليها تحديًا. تغطي هذه الوحدة الترميز الأساسي للجدول ، إلى جانب ميزات أكثر تعقيدًا مثل تنفيذ التسميات التوضيحية والملخصات.
أشكال HTML
تعتبر النماذج جزءًا مهمًا للغاية من الويب - حيث توفر الكثير من الوظائف التي تحتاجها للتفاعل مع مواقع الويب ، مثل التسجيل وتسجيل الدخول وإرسال التعليقات وشراء المنتجات والمزيد. تعمل هذه الوحدة على البدء في إنشاء أجزاء من جانب العميل / الواجهة الأمامية للنماذج.
استخدم HTML لحل المشاكل الشائعة
يوفر روابط لأقسام من المحتوى تشرح كيفية استخدام HTML لحل المشاكل الشائعة جدًا عند إنشاء صفحة ويب: التعامل مع العناوين ، وإضافة الصور أو مقاطع الفيديو ، والتأكيد على المحتوى ، وإنشاء نموذج أساسي ، وما إلى ذلك.

موضوعات متقدمة

تمكين CORS الصورة
crossorigin السمة crossorigin ، بالاشتراك مع رأس CORS المناسب ، بالصور المحددة بواسطة العنصر <img> ليتم تحميلها من أصول أجنبية واستخدامها في عنصر <canvas> كما لو تم تحميلها من الأصل الحالي.
سمات إعدادات CORS
تحتوي بعض عناصر HTML التي توفر الدعم لـ CORS ، مثل <img> أو <video> ، على سمة crossOrigin (خاصية crossOrigin ) ، والتي تتيح لك تكوين طلبات CORS لبيانات العنصر التي تم جلبها.
إدارة التركيز في HTML
activeElement سمة DOM activeElement وأسلوب hasFocus() DOM في تتبع تفاعلات المستخدم والتحكم فيها مع عناصر على صفحة الويب.
باستخدام ذاكرة التخزين المؤقت للتطبيق
يسمح التخزين المؤقت للتطبيقات بتشغيل التطبيقات المستندة إلى الويب دون اتصال. يمكنك استخدام واجهة Application Cache ( AppCache ) لتحديد الموارد التي يجب أن يقوم المتصفح بتخزينها مؤقتًا وإتاحتها للمستخدمين غير المتصلين . التطبيقات التي يتم تحميلها مؤقتًا وتعمل بشكل صحيح حتى إذا نقر المستخدمون على زر التحديث عندما يكونون في وضع عدم الاتصال.
تحميل محتوى مسبقًا باستخدام rel = "preload"
تسمح لك قيمة preload لسمة rel الخاصة بالعنصر <link> بكتابة طلبات الجلب التقريرية في HTML <head> ، مع تحديد الموارد التي ستحتاج إليها صفحاتك بعد وقت قصير جدًا من التحميل ، والتي ترغب بالتالي في بدء التحميل المسبق في وقت مبكر من دورة حياة تحميل الصفحة ، قبل بدء تشغيل آليات العرض الرئيسية الخاصة بالمتصفح ، وهذا يضمن توفرها في وقت سابق ويكون أقل احتمالاً لمنع عرض الصفحة الأول ، مما يؤدي إلى تحسينات في الأداء. توفر هذه المقالة دليل أساسي لكيفية عمل preload .

المراجع

المرجع HTML
يتكون HTML من عناصر ، يمكن تعديل كل منها بواسطة عدد من السمات . ترتبط مستندات HTML ببعضها البعض مع links .
مرجع عنصر HTML
تصفح قائمة بجميع elements HTML .
مرجع سمة HTML
العناصر في HTML لها سمات . هذه قيم إضافية تقوم بتكوين العناصر أو ضبط سلوكها بطرق مختلفة.
سمات عالمية
قد يتم تحديد السمات العالمية على جميع عناصر HTML ، حتى تلك غير المحددة في المعيار . وهذا يعني أن أي عناصر غير قياسية يجب أن تسمح باستخدام هذه السمات ، على الرغم من أن هذه العناصر تجعل المستند غير متوافق مع HTML5.
عناصر مضمنه وعناصر مستوى الكتلة
تكون عناصر HTML عادةً "مضمنة" أو عناصر "مستوى الكتلة". يحتل عنصر مضمّن المساحة التي تحدها العلامات التي تعرّفها فقط. يشغل عنصر مستوى الكتلة كامل مساحة العنصر الرئيسي (الحاوية) ، مما يؤدي إلى إنشاء "كتلة".
links
في HTML ، يمكن استخدام أنواع الارتباط المختلفة لإنشاء وتعريف العلاقة بين اثنين من المستندات. يمكن تضمين عناصر الوصلات التي يمكن ضبطها على <a> ، <area> و <link> .
تنسيقات الوسائط التي يدعمها عناصر الصوت والفيديو في HTML
تسمح لك عناصر <audio> و <video> بتشغيل الوسائط السمعية والبصرية. توفر هذه العناصر بديلاً مستعارًا أصليًا للإمكانيات المشابهة الموجودة في Adobe Flash والمكونات الإضافية الأخرى.
أنواع محتوى HTML
يتألف HTML من عدة أنواع من المحتوى ، يُسمح باستخدام كل منها في سياقات معينة وغير مسموح به في مناطق أخرى. وبالمثل ، يحتوي كل منهم على مجموعة من فئات المحتوى الأخرى التي يمكن أن تحتوي عليها والعناصر التي يمكن أو لا يمكن استخدامها فيها. هذا هو دليل لهذه الفئات.
وضع المراوغات ووضع المعايير
معلومات تاريخية عن وضع المراوغات ووضع المعايير.
تطبيق اللون على عناصر HTML باستخدام CSS
تغطي هذه المقالة معظم الطرق التي تستخدم بها CSS لإضافة لون إلى محتوى HTML ، مع إدراج أجزاء مستندات HTML التي يمكن تلوينها وما هي خصائص CSS التي يجب استخدامها عند القيام بذلك. يتضمن أمثلة ، وصلات لأدوات بناء لوحة ، وأكثر من ذلك.
عرض الكل ...