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

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

مرحبًا بك في HTML! تعد لغة ترميز النص التشعبي (اختصارها HTML) العمود الفقري للويب، حيث توفر المحتوى وبنية هذا المحتوى التي تراها معروضة في متصفح الويب.

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

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

نظرة عامة

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

خلال هذه الرحلة، سنعمل على بناء بنية MachineLearningWorkshop.com. لم تتعرّض أي أجهزة للأذى أثناء إنشاء هذه السلسلة.

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

إليك ما ستتعلمه:

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

مقدمة موجزة عن المفاهيم الأساسية في HTML.

بنية المستند

تعرَّف على كيفية تصميم مستندات HTML باستخدام أساس متين.

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

كيفية استخدام العلامات الوصفية لتقديم معلومات حول مستنداتك

HTML الدلالي

استخدام عناصر HTML الصحيحة لوصف محتوى المستند

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

كيفية استخدام عناصر التقسيم بشكل صحيح لإعطاء معنى للمحتوى الخاص بك.

السمات

تعرَّف على السمات العامة المختلفة إلى جانب السمات الخاصة بعناصر HTML معينة.

أساسيات النص

كيفية تنسيق النص باستخدام HTML.

كل ما تحتاج إلى معرفته عن الروابط.

القوائم

القوائم والطرق الأخرى لتجميع المحتوى

التنقل هو عنصر أساسي في أي موقع تطبيق، ويبدأ بـ HTML.

الجداول

فهم كيفية استخدام الجداول لترميز البيانات الجدولية.

النماذج

نظرة عامة على النماذج في HTML.

الصور

نظرة عامة على الصور في HTML.

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

التعرّف على كيفية التعامل مع وسائط HTML، مثل الصوت والفيديو

النموذج والخانة والظل

شرح للنموذج والخانة والظل.

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

تعرَّف على كيفية كشف معلومات HTML ومعالجتها باستخدام JavaScript.

التركيز

كيفية إدارة ترتيب التركيز في مستندات HTML

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

يشير ذلك المصطلح إلى مقدمة حول مجموعة العناصر المستخدَمة لترميز النص.

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

اكتشف طريقة عمل التفاصيل المفيدة للغاية وعناصر الملخص وأماكن استخدامها.

مربّع حوار

يعد عنصر <dialog> عنصرًا مفيدًا لتمثيل أي نوع من مربعات الحوار في HTML، اكتشف كيفية عمله.

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

الخاتمة مع بعض الموارد الإضافية.

إذًا، هل أنت مستعد لتعلم HTML؟ لنبدأ.