مراجعة - الجداول
جزء من قسم الأساسيات في رحلة HTML على Coddy. الدرس 51 من 60.
التحدي
سهلأنشئ مستند HTML يتضمن جدولًا يحتوي على جميع العناصر التي تعلمناها حتى الآن:
- وسم
<table>لتعريف الجدول، مع تعيين قيمة السمةborderإلى "1" لتكون الحدود ظاهرة. - وسم
<caption>بالنص "Employee Information" لوصف الجدول. - صف جدول (
<tr>) للرأس، يتضمن ثلاث خلايا رأس (<th>). يجب أن تمتد خلية الرأس الأولى على عمودين وأن تعرض "Employee Details"، وأن تعرض الثانية "Department"، والثالثة "Salary". - صف جدول (
<tr>) يتضمن خلية بيانات (<td>) تمتد على صفين وعمودين وتحتوي على النص "John Doe"، وخلية بيانات (<td>) تعرض "Sales"، وخلية بيانات (<td>) تعرض "$50,000". - صف جدول آخر (
<tr>) يتضمن خلية بيانات (<td>) تعرض "Marketing" وخلية بيانات (<td>) تعرض "$60,000". - صف جدول أخير (
<tr>) يتضمن خلية بيانات (<td>) تمتد على عمودين وتعرض "Jane Smith"، وخلية بيانات (<td>) تعرض "IT"، وخلية بيانات (<td>) تعرض "$70,000".
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
</body>
</html>جميع دروس الأساسيات
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Headerتدرّب بنفسك: Playground لـ Web