مرحبًا بك في تعلم HTML!

تقدّم دورة HTML هذه لمطوّري الويب نظرة عامة شاملة للمطوّرين، بدءًا من مستوى المبتدئين وصولاً إلى مستوى الخبراء في HTML.

لغة ترميز النص الفائق، أو HTML، هي أساس الويب، وهي توفّر المحتوى وبنيته التي تظهر في متصفّح الويب.

ما لم تكن تقرأ ملف PDF أو نسخة مطبوعة من هذه الصفحة، يتألف هذا المحتوى من عناصر HTML ونصوص مختلفة. ‫HTML هي طبقة المحتوى على الويب. عناصر HTML هي العُقد التي تشكّل نموذج تمثيل المستندات.

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

ويعني ذلك كتابة رمز HTML وفقًا للمعايير الحديثة.

ما ستتعلمه

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

خلال هذه الرحلة، سننشئ بنية MachineLearningWorkshop.com. ولم يتم إلحاق أي ضرر بأي آلات أثناء إنشاء هذه السلسلة.

هذا ليس مرجعًا كاملاً. يقدّم كل قسم موضوع القسم مع شرح موجز وأمثلة، ما يتيح لك فرصة استكشاف المزيد. تتضمّن هذه الصفحة روابط تؤدي إلى مراجع حول المواضيع، مثل مواصفات MDN وWHATWG، ومقالات أخرى حول web.dev. مع أنّ هذه الدورة التدريبية لا تركّز على إمكانية الوصول، يتضمّن كل قسم أفضل الممارسات والمشاكل المحدّدة المتعلقة بإمكانية الوصول، مع روابط إلى مزيد من المعلومات حول الموضوع. يتضمّن كل قسم تقييمًا قصيرًا لمساعدة المستخدمين على التأكّد من فهمهم للمعلومات.

في ما يلي ما ستتعرّف عليه:

مرحبًا بك في تعلم HTML!

ما ستتعلمه

نظرة عامة على HTML

بنية المستند

البيانات الوصفية

الترميز الدلالي في HTML

العناوين والأقسام

السمات

أساسيات النص

الروابط

القوائم

التنقّل

الجداول

نماذج Google

الصور

الصوت والفيديو

النموذج والفتحة والظل

واجهات برمجة تطبيقات HTML

التركيز

عناصر النص المضمّن الأخرى

التفاصيل والملخّص

مربع الحوار

الخاتمة والخطوات التالية