صورة الملف الشخصي
جزء من قسم Fundamentals في رحلة HTML على Coddy. الدرس 32 من 60.
التحدي
سهلحسنًا، حان الوقت لإضافة صورة الملف الشخصي! يمكنك استخدام أي صورة تريدها. لا تتردد في استخدام الرابط من المثال أدناه.
- بعد الـ div الأول (قسم الرأس)، قم بإنشاء
<div>آخر. بداخله، أضف وسم<img>. - قم بتعيين
srcللربط بصورتك، واستخدم صفتيwidthوheightللتحكم في حجمها.
على سبيل المثال:
src-https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.pngwidth- 200height- 200"
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
</body>
</html>جميع دروس Fundamentals
7صفحة الملف الشخصي
نظرة عامة على المشروعقسم الترويسة (Header)
صورة الملف الشخصيقسم نبذة عنيروابط التواصل الاجتماعي2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Headerقسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footerتدرّب بنفسك: Playground لـ Web