← Learn to Code — Python, Java, C, SQL & Web · تعلم البرمجة — بايثون، جافا، C، SQL والويب
Web Basics — HTML & CSS · أساسيات الويب — HTML و CSS
Start from zero. Short steps. Build a real web page. · ابدأ من الصفر. خطوات قصيرة. أنشئ صفحة ويب حقيقية.
html 21 Lessons · دروس
Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · كل درس يعمل في متصفحك — اكتب كوداً حقيقياً، واضغط على تشغيل، وتقوم المهام بمراجعة نفسها. مجاني، لا حاجة لحساب، مع ملاحظات مترجمة مقترنة بالإنجليزية.
Start the course · ابدأ الدورة
Lessons in this course · الدروس في هذا الكورس
No lessons match. Clear the search or choose another filter.
- history A short history of the web · قصة موجزة عن الويب Reading and resources
- usage What a web page is made of · مما تتكون صفحة الويب Reading and resources
- resources Where to learn more · أين تتعلم المزيد Reading and resources
- setup What you need (almost nothing) · ما تحتاجه (شبه لا شيء) Reading and resources
- 01 Your first web page · صفحتك الأولى على الويب 2 required tasks Video · فيديو
- 02 Headings and paragraphs · العناوين والفقرات 2 required tasks Video · فيديو
- 03 Bold, italic and line breaks · الخط العريض، والمائل، وكسور السطر 2 required tasks Video · فيديو
- 04 Lists · القوائم 2 required tasks Video · فيديو
- 05 Links 2 required tasks Video · فيديو
- 06 Images · الصور 2 required tasks Video · فيديو
- 07 Make it a real page · تحويلها لصفحة حقيقية 2 required tasks Video · فيديو
- 08 Comments and neat nesting · التعليقات والترتيب المتداخل النظيف 2 required tasks Video · فيديو
- 09 Tables 2 required tasks Video · فيديو
- 10 Forms · تشكيلات 2 required tasks Video · فيديو
- 11 Boxes and sections 2 required tasks Video · فيديو
- 12 Add some style 2 required tasks Video · فيديو
- 13 Selectors — class and id 2 required tasks Video · فيديو
- 14 Colours and backgrounds · الألوان والخلفيات 2 required tasks Video · فيديو
- 15 Styling text · تنسيق النص 2 required tasks Video · فيديو
- 16 The box model 2 required tasks Video · فيديو
- 17 Spacing — margin and padding 2 required tasks Video · فيديو
- 18 Showing and hiding (display) · إظهار وإخفاء (display) 2 required tasks Video · فيديو
- 19 Width and centering 2 required tasks Video · فيديو
- 20 Rows with Flexbox · صفوف بـ Flexbox 2 required tasks Video · فيديو
- 21 Mini-project: a profile card 3 required tasks Video · فيديو