انتقل إلى الدروس
ابدأ رحلتك
LEARN BY BUILDING
شروحات كلوز تاجمبتدئ

تعلّم لغة HTML.

أول سطر. أول موقع.

كل صفحة عظيمة بدأت بسطر كود. تعلّم كيف تبني صفحات الويب من الصفر، وافهم كل عنصر وأنت بتكتبه.

ابدأ التعلّم مجانًااستكشف المنهج

محتوى مجاني بالكاملتعلّم على مهلك

دروس مرتّبة
48
فصل تعليمي
11
لغة الشرح
عربي / إنجليزي
مشاهدة للمادة
575,160

البداية اللي تبني عليها

هنا يبدأ الويب.

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

من المعرفة للتطبيق

ماذا ستتعلّم في لغة HTML؟

مهارات بتكبر مع كل درس
  • ستتعلم HTML5 من الصفر.
  • ستتعلم كيفية بناء هيكل صفحات الويب باستخدام HTML.
  • ستتعلم إضافة العناصر المختلفة لصفحات الويب مثل الصور والروابط.
  • ستتعلم تنسيق بيانات صفحات الويب في جداول أو قوائم باستخدام HTML.
  • ستتعلم كيفية إظهار الوسائط المتعددة مثل الفيديوهات أو المقاطع الصوتية في صفحات الويب.

جهّز نفسك

قبل ما تبدأ

  • الالتزام بالمهام المطلوبة.
  • إتمام مادة أساسيات الويب بشكل كامل.

خطوتك لقدّام

هدفك بعد المادة

  • قدرة الطالب على هيكلة موقع ويب ثم تحويل هذا الهيكل لصفحات ديناميكية وأكثر إبداعًا مع لغة CSS وJavaScript.
  • القدرة على تحسين الموقع في محركات البحث SEO" Search Engine Optimization".
  • تحليل الأخطاء غير المنطقية وتقييم استقرار التطبيقات.
  • الاستعداد للمستويات الأعلى في لغات البرمجة وتقنيات تطوير الويب.
  • إنهاء واحدة من المتطلبات اللازمة التي تمكن الطالب لدخول تخصص اختراق الويب أو الـ Penetration testing.

خريطة تعلّمك

محتوى المادة

ابدأ بالترتيب، أو اختَر الدرس اللي محتاجه.

11فصل 48درس

01

بناء جملة HTML

3 دروس
  1. 01 مقدمة في لغة HTMLHTML Introduction ابدأ الدرس
  2. 02 عناصر لغة HTMLHTML Elements ابدأ الدرس
  3. 03 خصائص العناصر في لغة HTMLHTML Attributes ابدأ الدرس
02

البدء

2 درسين
  1. 04 أول مستند HTMLFirst Document ابدأ الدرس
  2. 05 إنشاء صفحة HTML على نظام تشغيل ويندوزHTML Windows ابدأ الدرس
03

أساسيات HTML

4 دروس
  1. 06 عناوين صفحة HTMLHTML Headings ابدأ الدرس
  2. 07 الفقرات النصية في لغة HTMLHTML Paragraphs ابدأ الدرس
  3. 08 التعليقات في لغة HTMLHTML Comments ابدأ الدرس
  4. 09 تنسيق النصوص بلغة HTMLHTML Formatting ابدأ الدرس
04

روابط HTML

4 دروس
  1. 10 الروابط في لغة HTMLHTML Links ابدأ الدرس
  2. 11 خصائص الروابط في لغة HTMLLink Attributes ابدأ الدرس
  3. 12 روابط الاتصال (sms - call - mailto - fax) في لغة HTMLHTML Hyperlinks ابدأ الدرس
  4. 13 أنواع الروابط في لغة HTMLLink Types ابدأ الدرس
05

صور HTML

4 دروس
  1. 14 الصور في لغة HTMLHTML Images ابدأ الدرس
  2. 15 خرائط الصور في لغة HTMLImage Maps ابدأ الدرس
  3. 16 أنواع الصور المستخدمة في HTMLImage Types ابدأ الدرس
  4. 17 مسار الملفات في لغة HTMLHTML File Path ابدأ الدرس
06

جداول HTML

4 دروس
  1. 18 الجداول في لغة HTMLHTML Tables ابدأ الدرس
  2. 19 خصائص عنصر table في لغة HTMLTable Attributes ابدأ الدرس
  3. 20 دمج خلايا الجدول في لغة HTMLMerge Table Cells ابدأ الدرس
  4. 21 العناصر الداخلية لعنصر table في لغة HTMLTable Elements ابدأ الدرس
07

قوائم HTML

6 دروس
  1. 22 القوائم النصية في لغة HTMLHTML Lists ابدأ الدرس
  2. 23 القوائم المرقمة في لغة HTMLOrdered List ابدأ الدرس
  3. 24 القوائم غير المرقمة في لغة HTMLUnrdered List ابدأ الدرس
  4. 25 القوائم الوصفية في لغة HTMLDescription List ابدأ الدرس
  5. 26 القوائم المتداخلة في لغة HTMLNested List ابدأ الدرس
  6. 27 خصائص القوائم في لغة HTMLList Attributes ابدأ الدرس
08

عناصر HTML

3 دروس
  1. 28 Iframes الصفحات المتداخلة في لغة HTMLHTML Nested ابدأ الدرس
  2. 29 عنصر Head في لغة HTMLHTML Head ابدأ الدرس
  3. 30 عنصر meta في لغة HTMLHTML Meta ابدأ الدرس
09

نماذج HTML

12 درس
  1. 31 النماذج في لغة HTMLHTML Forms ابدأ الدرس
  2. 32 خصائص HTML FormHTML Form Attributes ابدأ الدرس
  3. 33 الحقول النصية بداخل عنصر HTML FormForm Text Inputs ابدأ الدرس
  4. 34 الأزرار بداخل HTML FormForm Buttons Inputs ابدأ الدرس
  5. 35 الحقول الاختيارية في HTML FormForm Select Inputs ابدأ الدرس
  6. 36 حقول التاريخ والوقت مع HTML FormDate and Time Inputs ابدأ الدرس
  7. 37 حقول الأرقام داخل عنصر HTML FormForm Numbers Inputs ابدأ الدرس
  8. 38 حقول الملفات داخل عنصر HTML FormForm files Inputs ابدأ الدرس
  9. 39 خصائص عنصر Input الأساسية مع HTML Form1st Input Attribute ابدأ الدرس
  10. 40 خصائص عنصر Input الثانوية مع HTML Form2nd Input Attributes ابدأ الدرس
  11. 41 الخصائص المتقدمة لعنصر Input مع HTML Formlast Input Attributes ابدأ الدرس
  12. 42 العناصر المستخدمة مع HTML FormForm Elements ابدأ الدرس
10

وسائط HTML

3 دروس
  1. 43 فيديو YouTube في لغة HTMLHTML YouTube ابدأ الدرس
  2. 44 مقاطع الفيديو في لغة HTMLHTML Video ابدأ الدرس
  3. 45 المقاطع الصوتية في لغة HTMLHTML Audio ابدأ الدرس
11

HTML متقدم

3 دروس
  1. 46 العناصر من النوع Block والعناصر من النوع Inline في لغة HTMLHTML Block and Inline ابدأ الدرس
  2. 47 العناصر الدلالية في لغة HTMLHTML Semantic ابدأ الدرس
  3. 48 الرموز الخاصة في لغة HTMLHTML Entities ابدأ الدرس

خطوة صغيرة كل يوم. فرق كبير مع الوقت.

جاهز تبدأ؟

تعلّم لغة HTML خطوة بخطوة من أول درس.

ابدأ بالدرس الأول المتاح وطبّق كل فكرة بنفسك، وبعدها كمّل المسار في معسكرات كلوز تاج.

تعلّم الآن استكشف المعسكرات