تقدّم دورة 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 باستخدام أساس متين.
البيانات الوصفية
كيفية استخدام العلامات الوصفية لتقديم معلومات عن مستنداتك
HTML الدلالي
استخدام عناصر HTML الصحيحة لوصف محتوى المستند
العناوين والأقسام
كيفية استخدام عناصر التقسيم بشكل صحيح لإضفاء معنى على المحتوى
السمات
تعرَّف على السمات الشاملة المختلفة بالإضافة إلى السمات الخاصة بعناصر HTML معيّنة.
أساسيات النص
كيفية تنسيق النص باستخدام HTML
الروابط
كل ما تحتاج إلى معرفته عن الروابط
القوائم
القوائم والطُرق الأخرى لتجميع المحتوى
التنقّل
يشكّل التنقّل عنصرًا أساسيًا في أي موقع إلكتروني أو تطبيق، ويبدأ بتنسيق HTML.
الجداول
فهم كيفية استخدام الجداول لتمييز البيانات في الجداول
نماذج Google
نظرة عامة على النماذج بتنسيق HTML
الصور
نظرة عامة على الصور في HTML
الصوت والفيديو
تعرَّف على كيفية استخدام وسائط HTML، مثل الصوت والفيديو.
النموذج والمساحة والظل
شرح للنموذج والمساحة والظل
واجهات برمجة تطبيقات HTML
تعرَّف على كيفية عرض معلومات HTML ومعالجتها باستخدام JavaScript.
التركيز
كيفية إدارة ترتيب التركيز في مستندات HTML
عناصر النص المضمّنة الأخرى
مقدّمة عن مجموعة العناصر المستخدَمة لتمييز النص
التفاصيل والملخّص
تعرَّف على آلية عمل عناصر التفاصيل والملخّصات المفيدة للغاية، وأماكن استخدامها.
المحادثة
عنصر <dialog> هو عنصر مفيد لتمثيل أي نوع من مربّعات الحوار في HTML، تعرَّف على كيفية عمله.
الخاتمة والخطوات التالية
في ما يلي بعض المراجع الإضافية.
هل أنت مستعد لتعلم HTML؟ لنبدأ.