Menu
CoddyTech
ابدأ التعلم
flag Ar iconالعربيةdown icon

الأزرار

جزء من قسم الأساسيات في رحلة HTML على Coddy. الدرس 44 من 60.

الأزرار هي عناصر تفاعلية في HTML تُستخدم لتنفيذ إجراءات عند النقر عليها. لإنشاء زر، يمكنك استخدام وسم <button>.

إليك الصيغة الأساسية:

<button>Click Me</button>
challenge icon

التحدي

سهل

أنشئ مستند HTML يتضمن زراً باستخدام وسم <button>. اجعل الزر يعرض النص "Press Me".

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس الأساسيات

1أساسيات HTML

ما هي HTML؟الهيكل الأساسي لـ HTMLالوسوم والعناصرتداخل وإغلاق الوسومالتعليقات في HTML

4بطاقة وصفة

نظرة عامة على المشروععنوان الوصفة ووصفهادرس مشروعالمكوناتدرس مشروعالخطواتدرس مشروع

7صفحة الملف الشخصي

نظرة عامة على المشروعقسم الترويسة (Header)درس مشروعصورة الملف الشخصيدرس مشروعقسم نبذة عنيدرس مشروعروابط التواصل الاجتماعيدرس مشروع

10الجداول

أساسيات الجداولإضافة التسميات التوضيحيةدمج الصفوف والأعمدةمراجعة - الجداول

2النصوص والتنسيق

العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق

5إضافة المحتوى

سمات HTMLالروابطروابط لصفحات جديدةالصورسمات الصور

8النماذج والمدخلات - الجزء الأول

أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي

11صفحة التسجيل في الفعالية

نظرة عامة على المشروعقسم الـ Headerدرس مشروعقسم تفاصيل الفعاليةدرس مشروعنموذج التسجيلدرس مشروعقسم الـ Footerدرس مشروع

3التعامل مع القوائم

قائمة غير مرتبةقائمة مرتبةقوائم متداخلةملخص - القوائم

6تخطيط الصفحة

التقسيماتعناصر Span المضمنةالوسوم الدلاليةالأقسام والمقالاتملخص - التخطيط

9النماذج والمدخلات - الجزء الثاني

أزرار الاختيار (Radio Buttons)صناديق الاختيار (Checkboxes)القوائم المنسدلة (Dropdowns)الأزرارالأزرار في النماذجمراجعة - النماذج #1مراجعة - النماذج #2

12التحديات النهائية

بطاقة ملف شخصي بسيطةبطاقة دعوة لحدثصفحة مقال بسيطةقائمة الكتب المفضلة

تدرّب بنفسك: Playground لـ Web